式挂式记录,每间意甲记录在Dimple垂直分组的条形图

问题描述 投票:0回答:1

放置凹槽的bar图表,有时每个意甲记录有两个记录,我想像在堆放的分组栏图中一样堆叠相同的“频道”的值,同时保持颜色和传说就像在分组的条形图中(即基于“频道”的传奇)一样。 示例

每个图的右侧的红色条显示了大型超市的数据。数据就像: bar charts in dimple{"Price Tier":"Regular","Channel":"Hypermarkets","Unit Sales":"5489","Status":"Actual"}, {"Price Tier":"Regular","Channel":"Hypermarkets","Unit Sales":"1651","Status":"Future"},

(a)

标准

。我们得到了这种显示
var x = myChart.addCategoryAxis("x", ["Price Tier", "Channel"]);

(b)覆盖。我们得到了这种显示

var x = myChart.addCategoryAxis("x", ["Price Tier", "Channel", "Status"]);

(c)Stacked。这就是我想要实现的:堆叠条而不是叠加它们,同时保留相同的颜色。尺寸

Unit Sales

5489

1651的条应像标准图中的总高度时。

(d)
optimal
是我需求的理想情况:堆叠的条具有一些额外透明度的未来(预期)值。
如何使我的图表进化
from
(b)overlaid bars bars
to
(c)

堆积

更好地编辑Dimple的源代码,或者应该使用7140

,对于最佳显示,应该使用series.afterDraw仅以达到最后一个元素并改变其透明度? 用这种技巧可以控制圆柱堆叠的圆柱棒的解决方案:

采用添加的分组的条形图

而不是组的条形图

。
在示例中,而不是
series.afterDraw

我们根据要绘制的维度值之一将它们设置为:
stacked dimple.js grouped-bar-chart
1个回答
0
投票

  1. ,然后我们将系列设置为绘制(“状态”),而不是返回值“实际”,而是返回将要绘制意甲的列名(“通道”的值)。

    myChart.addSeries("Status", dimple.plot.bar);
    我们用
    馈送图

    {"Price Tier":"Regular","Channel":"Hypermarkets","Unit Sales":"5489","Status":"Actual"}, {"Price Tier":"Regular","Channel":"Hypermarkets","Unit Sales":"1651","Status":"Future"},
  2. so,我们以1到1关系的方式绑定了“频道”和“状态”列,并有一个额外的Serie“ Hypermarkets(预测)”(也出现在传说中),然后我们可以样式独立
最新问题
© www.soinside.com 2019 - 2025. All rights reserved.