Highcharts Demo

arc

by Amanda Williamson

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<div id="container1" style="height: 100px"></div>
<div id="container2" style="height: 100px"></div>

JavaScript

$(function () {
    var renderer1 = new Highcharts.Renderer( $('#container1')[0], 400, 300 );
    var renderer2 = new Highcharts.Renderer( $('#container2')[0], 400, 300 );
    
    renderer1.arc(200, 150, 100, 50, -Math.PI, 0).attr({
        fill: 'lightgreen',
        stroke: 'green',
        'stroke-width': 5
    }).add();
    
    renderer2.arc(200, 150, 100, 50, 0, -Math.PI).attr({
        fill: 'lightgreen',
        stroke: 'green',
        'stroke-width': 5
    }).add();
    
});