Extending Highcharts
How to overide a function in highcharts. This
by Ben Clayton
HTML
<script src="//code.highcharts.com/highcharts.src.js"></script>
<div id="container1" style="height: 300px"></div>
<div id="container2" style="height: 300px"></div>
JavaScript
function myDrawPoints() {
var H = Highcharts;
var series = this,
pointAttr,
points = series.points,
chart = series.chart,
plotX,
plotY,
i,
point,
radius,
symbol,
isImage,
graphic,
options = series.options,
seriesMarkerOptions = options.marker,
seriesPointAttr = series.pointAttr[''],
pointMarkerOptions,
hasPointMarker,
enabled,
isInside,
markerGroup = series.markerGroup,
xAxis = series.xAxis,
globallyEnabled = H.pick(
seriesMarkerOptions.enabled,
xAxis.isRadial,
series.closestPointRangePx > 2 * seriesMarkerOptions.radius
);
if (seriesMarkerOptions.enabled !== false || series._hasPointMarkers) {
i = points.length;
while (i--) {
point = points[i];
plotX = Math.floor(point.plotX); // #1843
plotY = point.plotY;
graphic = point.graphic;
pointMarkerOptions = point.marker || {};
hasPointMarker = !!point.marker;
enabled = (globallyEnabled && pointMarkerOptions.enabled === H.UNDEFINED) || pointMarkerOptions.enabled;
isInside = point.isInside;
// only draw the point if y is defined
if (enabled && H.isNumber(plotY) && point.y !== null) {
// shortcuts
pointAttr = point.pointAttr[point.selected ? H.SELECT_STATE : H.NORMAL_STATE] || seriesPointAttr;
// ===========================================
// do something here to show we can plot weather series differently
if(this.options.weather){pointAttr.r=10}
// ===========================================
radius = pointAttr.r;
symbol = H.pick(pointMarkerOptions.symbol, series.symbol);
isImage = symbol.indexOf('url') === 0;
if (graphic) { // update
graphic[isInside ? 'show' : 'hide'](true) // Since the marker group isn't clipped, each individual marker must be toggled
.attr(pointAttr) // #4759
.animate(extend({
x: plotX -...