Highcharts Demo

author(s): Torstein Hønsi

HTML

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

JavaScript

var ren = new Highcharts.Renderer(
    document.getElementById('container'),
    600,
    400
);

ren.label('Test is a label', 100, 100)
    .attr({
        fill: 'black',
        stroke: 'black',
        'stroke-width': 2,
        padding: 5,
        r: 0,
        align: 'center'
    })
    .css({
        color: 'white',
        width: '100px'
    })
    .add()
    .shadow(true);
    
ren.path(['M', 100, 0, 'L', 100, 400, 'z'])
	.attr({
  	'stroke': 'silver',
    'stroke-width': 1
  })
  .add();