在同一图表上堆叠高图,每次都有一个新的y轴?

时间:2017-08-10 17:19:30

标签: javascript jquery css highcharts

我不确定这是否可行,但我有单独的叠加高图。我希望将它们保持在同一个图形上,但相互叠加,每次将y轴重置为0。以下是Fiddle的所有内容:

我还附上了我想象的示例图。蓝色水平线代表每个新图表系列的0点。

Sample graph example

//random line so it will let me post the fiddle. Ignore this

2 个答案:

答案 0 :(得分:0)

通过循环遍历数组seriesAll中的每个系列,您正在制作高清图,这会导致它为每个系列创建单独的图表。如果您只创建1个高图并将其赋予系列数组,它将在同一图表上绘制所有系列。以下是代码的修改版本,可以为您提供所需的内容。

https://codepen.io/Nasir_T/pen/zdzdrW

另外,请查看highcharts的文档,它将为您提供所需的所有信息。例如。这是组合图表链接:

https://www.highcharts.com/docs/chart-and-series-types/combining-chart-types

[编辑堆叠选项]

您还可以通过设置plotOption>将它们叠加在一起。系列>堆叠属性。 e.g。

plotOptions: {
    series: {
        stacking: 'normal'
    }
}

在以下文档链接中了解有关堆叠的详情。

http://api.highcharts.com/highcharts/plotOptions.area.stacking

希望这有帮助。

答案 1 :(得分:0)

您还可以使用多个yAxis的不同height来实现类似的效果。

例:
http://jsfiddle.net/6b9prwjc/