如何获得Highcharts xAxis协调?

时间:2015-07-06 09:03:16

标签: highcharts

我正在尝试在现有的Highcharts

上渲染自定义轴
chart.renderer.rect(0, chart.chartHeight - BAR_XAXIS_PADDING, 420, 5)
.attr({
    fill : "black"
    //fill: "url('#hatching2d63c14a-4bcf-4b6c-9511-891d8abca5c4')"
}).add(axisGroup);

其中0,BAR_XAXIS_PADDING是硬编码值。有没有办法获得现有的轴坐标,以便我可以将自定义轴绑定到它?

1 个答案:

答案 0 :(得分:1)

从极端的

var yBottom = chart.yAxis[0].toPixels(ex.min);
var yTop = chart.yAxis[0].toPixels(ex.max);

然后获得轴的y坐标:

chart.renderer.rect(chart.plotLeft, yTop, width, yBottom - yTop).add();

现在渲染rect:

var lnk;
lnk = document.createElement('LINK');
lnk.rel  = 'stylesheet';
lnk.type = 'text/css';
lnk.href = 'CanvasStylesA.css';
document.getElementsByTagName('head')[0].appendChild(lnk);