Highcharts:X和Y轴在散点图中以零交叉

时间:2013-02-28 16:19:08

标签: highcharts

在highcharts中,我想绘制一个散点图/气泡图,其中x值的范围是-50到+50,y值是-100到+100。有没有办法让x和y轴被绘制,以便它们在图表中心的零点交叉?

我尝试在轴上使用'offset'参数,它确实会移动轴,例如http://bit.ly/Xd9Z51但这种方法存在以下问题:

  1. 您无法动态设置偏移参数,因此如果系列更新并更改最小/最大x / y值,则轴不再交叉为零。
  2. 如果缩放,则轴不再与零交叉。
  3. 考虑到div大小,边距,标题等,以像素计算偏移量非常困难。
  4. 调整包含div的大小会导致所需的轴偏移位置发生变化。

1 个答案:

答案 0 :(得分:2)

目前唯一的解决方案是使用偏移参数。但是,从Highcharts 3.0开始,您可以自由控制该属性并更新轴:

chart.yAxis[index].update( options );

其中options是具有yAxis选项的对象,包括offset。要获得像素位置,您可以使用内部函数chart.xAxis[index].translate(value)(小hacky,但有效)。因此,当两者结合使用时,请参阅示例:http://jsfiddle.net/UGpPV/6/