首页 文章

Highcharts - 柱状图与钻取到瀑布

提问于
浏览
2

我钻到瀑布图表时有一种奇怪的行为 . 我的中间列是负值而不是位于顶部,而是从零向下 .

我采用了完全相同的配置并将其应用于第一级瀑布图表并且在那里工作正常 .

  • 预期结果:列'Discount'应该从50到40

  • 实际结果:列'Discount'从0到-10

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

[细目] [1]

瀑布正确的图表JSfiddle:

[瀑布] [2]

我无法弄清楚遗漏了什么 .

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

1 回答

  • 2

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

    使用 type 更新了图表选项:

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

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

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

    Updated Fiddle

相关问题