Highcharts Render Marker

by Roydon DSouza

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<div id="container" style="height: 300px"></div>

JavaScript

var renderer;
$(function () {
    renderer = new Highcharts.Renderer(
        $('#container')[0],
        400,
        300
    );

    renderer.circle(200, 150, 7).attr({
        fill: '#ffffff',
        stroke: '#FF9F19',
        'stroke-width': 4
    }).add();
    renderer.circle(200, 160, 7).attr({
        fill: '#ffffff',
        stroke: '#A750E5',
        'stroke-width': 4
    }).add();
    renderer.circle(200, 170, 7).attr({
        fill: '#ffffff',
        stroke: '#2C417F',
        'stroke-width': 4
    }).add();
});