Highcharts:如何组合柱范围和折线图?

时间:2017-08-04 15:41:34

标签: javascript highcharts

我基本上想要将这两个图表组合在一起:

1)列范围:https://www.highcharts.com/demo/columnrange

2)基本行:https://www.highcharts.com/demo/line-basic

这是否可行,考虑到第一张图表有分类的Y轴?

我不需要使用类别,我只想要折线图的Y轴。并且线条将叠加在水平条的顶部。

因此两个图表都使用X轴时间序列,但只有折线图使用Y轴数字。

1 个答案:

答案 0 :(得分:0)

您可以将两个图表链接到一个,但需要记住,列范围图表为inverted,如果您想要显示与此示例(https://www.highcharts.com/demo/line-basic)完全相同的折线图,则需要将x值与线系列的y值交换,两个轴应具有相同的比例。

API参考:
http://api.highcharts.com/highcharts/chart.inverted

示例:
http://jsfiddle.net/jmmsyv9w/ - 未倒置
http://jsfiddle.net/8unrzm1j/ - 倒置