Highcharts - 深入到瀑布

时间:2016-04-14 13:11:00

标签: charts highcharts drilldown waterfall

我有一个奇怪的行为,我深入到瀑布图表。我的中间列是一个负值,它不是位于顶部,而是从零开始。

我采用了完全相同的配置并将其应用于第一级瀑布图,并且工作正常。

  • 预期结果:专栏'折扣'应该从50到40
  • 实际结果:栏目'折扣'从0到-10

JSfiddle for drilldown chart,其中瀑布不是我想要的:

[细目] [1]

JSfiddle for chart其中瀑布是正确的:

[瀑布] [2]

我无法弄清楚缺少什么。

  [1]: https://jsfiddle.net/a5x2g0q8/
  [2]: https://jsfiddle.net/jfgycycp/

1 个答案:

答案 0 :(得分:2)

根据Drilldown from column to pie的Highcharts示例,您需要将图表type设置为向下钻取的类型,即'waterfall',并设置type的{​​{1}}明确的顶级系列,即'column'

使用type更新了图表选项:

chart: {
  type: 'waterfall',
  height: 350,
  zoomType: 'xy'
},

使用type更新了顶级系列选项:

series: [{
  type: 'column',
  data: [
  {
    name: 'Sweden',
    y: 55,
    drilldown: 'Sweden'
  }]
}],

Updated Fiddle