2013-07-11 55 views
0

简化我的故事,考虑2个系列,我将他们的yAxes链接起来。换句话说,在第二yAxis有一个属性linkedTo: 0在HighStock中,将次要yAxis与主要yAxis关联可以导致次要值在图表外被裁剪

所以第一yAxis是主,因此设置两个系列的极值。

但有时第二个系列的值太高,不能在可见区域绘制,因此它们会被裁剪。

更糟糕的是,当yAxes相互链接时,图例不会弹球:单击图例中的主系列名称将隐藏两个系列。点击次要系列名称将不会隐藏。

检出this JSFiddle - 右侧的值被裁剪,图例功能被打破。

我错过了什么?我怎样才能让这两个系列一起扩展并全部可见?我如何让传说按预期工作? (点击系列名称应该切换)

谢谢!

编辑:事实证明,如果我删除yAxis.idJSFiddle here),图表和图例按预期工作。然而,根据数组中的位置(我认为?)将系列链接到yAxis,而不是通过某个ID(字符串)听起来不太理想。

想法?

+0

你能重现您的问题在jsfiddle.net? –

+0

http://jsfiddle.net/zYpcm/13/ – GilNahmias

回答

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 
     }] 
+0

第二个系列如何与第一个yAxis链接?对我来说,看起来继续**系列**与第二个** yAxis **(没有在系列中指出的yAxis,我假设它们通过在阵列中具有相同的位置被链接?)相关联,并且第二** yAxis **是“linkedTo”第一个** yAxis **。换句话说,在你的解决方案中,我看不到'yAxis'的值:'master'' – GilNahmias

+0

不,如果你没有指定'yAxis:index/id',所有的系列都链接到第一个yAxis。当然,你可以删除'yAxis:'master''这是不必要的。 –