Question

我正在尝试在现有的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是硬编码值。有没有办法获得现有的轴坐标，以便我可以将自定义轴绑定到它？

Answer 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);

如何获得Highcharts xAxis协调？

1 个答案: