高图:实现与第一个y轴相关的第二个y轴

时间:2019-06-11 14:37:49

标签: javascript highcharts

对于我的图形,我有一个y轴(y1),并且尝试添加第二个轴(y2),它是y1的缩放版本。

简而言之,是否可以制作类似this的图形。但是我想要第二个轴,具有相同的缩放比例,但是单位不同(即乘以某个k)。

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

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

但是这种骇人听闻的方法似乎对我不起作用。

就我而言,我有一个y1的百分比变化图,是否可以将价格放到y2?

由于我已经使用了10行,所以我不想添加另一行,这意味着我总共需要20行。

任何帮助将不胜感激!

1 个答案:

答案 0 :(得分:1)

您需要通过MostRecentX属性将第二个轴链接到第一个轴,并使用df.fillna("-", subset=["MostRecentX"]).show() #+--------+---+----+-----------+ #|Customer|Day|Type|MostRecentX| #+--------+---+----+-----------+ #| A| 2| X11| X11| #| A| 4| X2| X2| #| A| 9| Y4| X2| #| A| 11| X1| X1| #| B| 3| Y4| -| #| B| 7| X1| X1| #+--------+---+----+-----------+ 函数显示一些自定义比例:

linkedTo

实时演示: http://jsfiddle.net/BlackLabel/j83pghta/

API参考:

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

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