Highcharts Demo

author(s): Torstein Hønsi

by Amit Sinha

HTML

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>
<div id="container" style="height: 300px"></div>

JavaScript

var renderer;

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

renderer.rect(10, 10, 100, 50, 5).attr({
    fill: 'blue',
    stroke: 'black',
    'stroke-width': 1
}).add();


renderer.circle(15, 15, 5).attr({
    fill: 'red',
    stroke: 'red',
    'stroke-width': 1
}).add();

renderer.text('Hello world', 200, 100).attr({
    rotation: 45
}).css({
    fontSize: '16pt',
    color: 'green'
}).add();