Can we use the renderer in react?
When I try something like this it throws an error that xAxis and yAxis does not exist:
const options = {
chart: {
events: {
render() {
const chart = this;
const xAxisBbox = this.xAxis[0].axisGroup.getBBox();
const yAxisBbox = this.yAxis[0].axisGroup.getBBox();
if (chart.cornerBackground || chart.cornerTitle) {
chart.cornerBackground.attr({
x: yAxisBbox.x,
y: xAxisBbox.y
});
chart.cornerTitle.attr({
x: xAxisBbox.x / 4,
y: xAxisBbox.y + 25
});
} else {
this.renderer.rect(yAxisBbox.x, xAxisBbox.y, yAxisBbox.width, xAxisBbox.height).attr({
fill: 'lightgray',
'fill-opacity': 0.4
}).add();
this.renderer.text('Custom title', xAxisBbox.x / 3 - yAxisBbox.x, xAxisBbox.y + 25).add()
}
}
}