javascript - Highcharts:实现与第一个 y 轴相关的第二个 y 轴

Question

对于我的图表，我有一个 y 轴 (y1)，我正在尝试添加第二个轴 (y2)，它是 y1 的缩放版本。

简单地说，是否可以做一个像 this 这样的图表？ .但我想要第二个轴，具有相同的缩放比例，但单位不同(即乘以某个 k)。

我试图只更改 yAxis 上的标签:

` labels: {
                format: '$ {value* price} ',
                style: {
                    color: Highcharts.getOptions().colors[0]
                }
            },`

但这种 hacky 方式似乎对我不起作用。

在我的例子中，我有一个 y1 的百分比变化图，是否可以将价格放在 y2 上？

我不想添加另一组行，因为我已经使用了 10 行，这意味着我总共需要 20 行

如有任何帮助，我们将不胜感激!

Answer 1

您需要通过 linkedTo 属性将第二个轴链接到第一个轴，并使用 formatter 函数来显示一些自定义比例:

yAxis: [{}, {
    opposite: true,
    labels: {
        formatter: function() {
            return this.value * 1000
        }
    },
    linkedTo: 0
}]

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

API 引用:

https://api.highcharts.com/highcharts/yAxis.linkedTo

https://api.highcharts.com/highcharts/yAxis.labels.formatter