在highcharts中将堆积区域的最大值设置为y轴

时间:2017-09-29 16:12:16

标签: highcharts stacked-area-chart

我正在尝试制作堆积区域的高级图像。在搜索过去两个小时将y轴最大值设置为堆栈的最大值时,我没有成功。

enter code here http://jsfiddle.net/ms3zcp18/

在上面的链接中,我希望y轴为5268(如果数十亿或数百万,则不关心)而不是10. 10代表2050年的总数为10亿,但我只希望最大值为2050年,我的y轴为5268百万。我的y轴的最小值可以是0.

每个人都在谈论普通图表,但所有论坛都没有讨论堆积面积图最大y轴。我也错了,因为我只做了2小时的研究。如果可能的话,新的编辑可以在javascript文件的末尾,因为我已经使用具有特定行号的现有javascript文件来创建新图表。

提前致谢。

2 个答案:

答案 0 :(得分:0)

使用此代码可以执行此操作,但正如您所说,它是一个堆积的图表,因此您再也看不到最高值了:

yAxis: {
   ...
   tickinterval: 5268,
   showLastLabel: false
}

<强>更新 Here a fiddle updated to V2

答案 1 :(得分:0)

如果仅将max属性设置为最高点的值,则将切断整个范围。因此,要设置范围以显示所有值,您需要累计特定x的所有堆叠值,并使用从堆叠max创建的值设置y。如果您有动态值,则可以在yAxis事件上更新load,例如。

API参考:
http://api.highcharts.com/highcharts/yAxis.max
http://api.highcharts.com/highcharts/yAxis.showLastLabel
http://api.highcharts.com/highcharts/chart.events.load
http://api.highcharts.com/highcharts/Axis.update

例:
http://jsfiddle.net/o8yd99je/