在highcharts堆积瀑布图表

时间:2011-05-07 17:41:18

标签: javascript highcharts waterfall stacked

我们需要堆叠瀑布图(我们使用的是highcharts.com)。 http://fiddle.jshell.net/8JP8T/提供了创建瀑布图的选项,但我们需要创建堆栈。以前有人这样做过吗? 谢谢!!

3 个答案:

答案 0 :(得分:3)

你可以通过制作鬼系列使叠加的条纹“浮动”,然后将鬼系列设置为不透明度为0.

$.each(chart.series[2].data, function(i, point) {
  if (i==2) {
    point.graphic.attr({opacity: 0, 'stroke-width': 0});
  }
}

这个小提琴说明了基本思想。请注意,您需要关闭阴影并将showInLegend设置为false以获得完全重影效果。

http://jsfiddle.net/6UPrg/13/

答案 1 :(得分:1)

根据您的示例,您可能对在highcharts中找到的stacking property感兴趣。

var chart = new Highcharts.Chart({
    //other properties...
    plotOptions: {
        series: {
            stacking: 'normal'
        }
    }
});

答案 2 :(得分:0)