海圖中堆積的瀑布圖

Question

我們需要堆積的瀑布圖（我們正在使用highcharts.com）。 http://fiddle.jshell.net/8JP8T/提供了創建瀑布圖的選項，但我們需要創建堆棧。 有人做過嗎？ 謝謝 ！！

Answer 1

您可以通過創建幻影系列，然后將幻影系列的不透明度設置為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/

Answer 2

根據您的示例，您可能會對highcharts中的stacking屬性感興趣。

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

Answer 3

http://highcharts.com/demo/column-stacked