我需要显示多个轴,它在 x 轴上具有恒定值,在 y 轴上具有动态值

时间:2021-06-14 16:15:08

标签: highcharts

我需要显示多个轴,它在 x 轴上具有恒定值,在 y 轴上具有动态值

  1. 第一个 y 轴关于气泡图 enter image description here
  2. 关于柱形图的第二个 y 轴

我们需要将它们并排显示,而不是像第二张参考图片中显示的那样合并。

enter image description here 使用 2 y 轴和 1 x 轴在一张图表中实现气泡图和柱状图。我们得到了参考图表。

enter image description here 两者都在合并,而不是我们想并排显示它们。

1 个答案:

答案 0 :(得分:0)

您需要创建列和气泡系列,每个系列都有自己的 y 轴。使用 pointPlacement 属性定位气泡旁边的列。

    series: [{
        type: 'column',
        pointPadding: 0.4,
        pointPlacement: 0.3,
        data: [70, 50, 65],
        yAxis: 1
    }, {
        type: 'bubble',
        data: [3, 2, 3]
    }]

现场演示: http://jsfiddle.net/BlackLabel/pwq3shef/

API 参考:

https://api.highcharts.com/highcharts/series.column.pointPlacement

https://api.highcharts.com/highcharts/series.column.pointPadding