Question

简化我的故事，考虑我连接他们的yAxes的2个系列。换句话说，在第二个yAxis上有一个属性linkedTo: 0

所以第一个yAxis就是主人，因此两个系列都设置了极值。

然而，有时第二个系列的值很高，太高而无法在可见区域绘制，因此会被裁剪。

更糟糕的是，当yAx相互链接时，图例不会播放球：单击图例中的主系列名称将隐藏两个系列。单击辅助系列名称将不会隐藏任何内容。

签出this JSFiddle - 右侧的值被裁剪，图例功能被破坏。

我错过了什么？如何让两个系列一起缩放并且全部可见？如何使图例按预期工作？（点击系列名称应该切换它）

谢谢！

编辑：事实证明，如果删除yAxis.id（JSFiddle here），图表和图例会按预期工作。然而，基于阵列中的位置（我认为？）将系列链接到yAxis而不是某些ID（字符串）听起来不太理想。

想法？

Answer 1

为什么要尝试将第二个系列分配给刚好copy的轴？我建议将两个系列设置为掌握yAxis，第二个yAxis用作图表右侧的额外信息。

否则我不明白连接第二轴以获得相同的极限作为主yAxis的目的，然后期望根据你附加到该yAxis的系列来缩放yAxis。

我认为这是更好的方法，请参阅：http://jsfiddle.net/zYpcm/15/

        series: [{
            name: 'master',
            data: self.masterData,
            yAxis: 'master'
        }, {
            name: 'secondary',
            data: self.secondaryData,
            //yAxis: 'secondary'
        }],

        yAxis: [{
            id: 'master'
        }, {
            id: 'secondary',
            opposite: true,
            linkedTo: 0
        }]

在HighStock中，将次级yAxis链接到主yAxis会导致在图表外部裁剪次要值

1 个答案: