如何在Highcharts中创建一个图表,其中一个图表的上网格线是另一个图表的下网格线?

2sbarzqh  于 2023-02-23  发布在  Highcharts
关注(0)|答案(1)|浏览(163)

我知道这很难描述,所以我想找的是
这张照片。

我该怎么做?这是三个独立的图表还是只有一个?请帮助,如果你可以!
我尝试使用三个不同的图表并将它们平滑在一起,但感觉非常笨拙,显然不是正确的方法。我不确定这是Highcharts中的一个还是三个图表,也不确定如何获得类似this.的任何图表

mzmfm0qo

mzmfm0qo1#

您需要创建一个具有三个Y轴和三个系列的图表。可以使用以下选项作为开始的基础。

series: [{
    ...
  }, {
    ...,
    yAxis: 1
  }, {
    ...,
    yAxis: 2
  }],
  yAxis: [{
    height: '33.33%',
    showFirstLabel: false,
    showLastLabel: false
  }, {
    height: '33.33%',
    top: '33.33%',
    offset: 0,
    showFirstLabel: false,
    showLastLabel: false
  }, {
    height: '33.33%',
    top: '66.66%',
    offset: 0,
    showFirstLabel: false,
    showLastLabel: false
  }]

实时演示:http://jsfiddle.net/BlackLabel/vse07qwy/
API参考:https://api.highcharts.com/highcharts/yAxis

相关问题