0

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

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

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

更糟糕的是，当 yAxes 相互链接时，图例不会发挥作用：单击图例中的主系列名称将隐藏两个系列。单击次要系列名称将不会隐藏任何内容。

看看这个 JSFiddle - 右边的值被裁剪，图例功能被破坏。

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

谢谢！

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

想法？

4

1 回答 1

0

为什么您要尝试将第二个系列分配给恰到好处的轴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
        }]
于 2013-07-12T11:04:31.553 回答