Highcharts Demo

author(s): Torstein Hønsi

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>

<div id="container" style="height: 216px; width: 250px"></div>

CSS

#container {
    border: solid 1px #000;
}

JavaScript

$(function() {
    var chart = new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            type: 'pie'
        },
        credits: {
            enabled: false
        },
        title:{
            text:''
        },

        plotOptions: {
            pie: {
                borderColor: '#000000',
                size: '100%',
                innerSize: '95%',
                dataLabels: {
                    enabled: false
                }
            }
        },
        series: [{
            data: [
                ['Firefox', 44.2],
                ['Other', 55.8]
                ]}]
    }
    );
    
    // how do I inject this code with OutSystems?
    chart.renderer.text('44.2%', 80, 112).css({
            color: '#4572A7',
            fontSize: '32px',
            textAlign: 'center'
      }).add();
});