Highcharts - 向下钻取到瀑布的柱形图
Highcharts - column chart with drilldown to waterfall
我在向下钻取到瀑布图时有一个奇怪的行为。我的中间列是一个负值,它没有位于顶部,而是从零开始向下。
我采用了完全相同的配置并将其应用于一级瀑布图,并且效果很好。
- 预期结果:第 'Discount' 列应从 50 变为 40
- 实际结果:第 'Discount' 列从 0 变为 -10
JSfiddle 用于瀑布不是我想要的向下钻取图表:
[深入分析][1]
JSfiddle 用于瀑布正确的图表:
[瀑布][2]
我无法弄清楚缺少什么。
[1]: https://jsfiddle.net/a5x2g0q8/
[2]: https://jsfiddle.net/jfgycycp/
基于 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'
}]
}],
我在向下钻取到瀑布图时有一个奇怪的行为。我的中间列是一个负值,它没有位于顶部,而是从零开始向下。
我采用了完全相同的配置并将其应用于一级瀑布图,并且效果很好。
- 预期结果:第 'Discount' 列应从 50 变为 40
- 实际结果:第 'Discount' 列从 0 变为 -10
JSfiddle 用于瀑布不是我想要的向下钻取图表:
[深入分析][1]
JSfiddle 用于瀑布正确的图表:
[瀑布][2]
我无法弄清楚缺少什么。
[1]: https://jsfiddle.net/a5x2g0q8/
[2]: https://jsfiddle.net/jfgycycp/
基于 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'
}]
}],