New Text Marker

author(s): Roydon D'Souza

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

 text = renderer.text('E',100,100).attr({
                zIndex: 5
            }).css({
                fontWeight: 'bold',
     fontSize: '9px',
                   color: 'white'
            }).add(),
            box = text.getBBox();

        renderer.circle(box.x+3 , box.y+5,10)
            .attr({
                fill: '#0072bc',
                stroke: 'transparent',
                'stroke-width': 1,
                zIndex: 4
            })
            .add();


    
});