Could anyone provide information on where to find the definitions of different Series object properties like plotX, plotLeft in highcharts?
I have looked through the documentation but couldn't locate it.
I am currently trying to comprehend this particular piece of code.
$(function () {
$('#container').highcharts({
chart: {
type: 'column'
},
plotOptions: {
column: {
stacking: 'normal',
point: {
events: {
mouseOver: function () {
var chart = this.series.chart,
r = chart.renderer,
shape = this.shapeArgs,
xAxis = this.series.xAxis,
yAxis = this.series.yAxis,
y = yAxis.toPixels(this.total),
x = this.plotX + chart.plotLeft - shape.width / 2,
height = yAxis.toPixels(yAxis.min) - y;
if (chart.hoverStack) {
chart.hoverStack.destroy()
}
chart.hoverStack = r.rect(x, y, shape.width, height).attr({
'stroke-width': 6,
'stroke': 'black',
fill: 'transparent',
}).add();
},
mouseOut: function () {
if (this.series.chart.hoverStack) {
this.series.chart.hoverStack.destroy();
this.series.chart.hoverStack = false
}
}
}
}
}
},
series: [{
type: 'column',
name: 'John',
data: [3, 3, 3, 3, 3]
}, {
type: 'column',
name: 'Bob',
data: [5, 3, 4, 7, 2]
}, {
type: 'column',
name: 'Joe',
data: [2, 2, 2, 2, 2]
}, {
type: 'column',
name: 'Ken',
data: [3, 4, 4, 2, 5]
}]
});
});