Highcharts Demo

author(s): Torstein Hønsi

by HemalathaThanigaivel

HTML

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

<div id="container" style="height: 400px"></div>

JavaScript

Highcharts.setOptions({
    colors: ['#058DC7', '#50B432', '#ED561B', '#DDDF00', '#24CBE5', '#64E572', '#FF9655', '#FFF263', '#6AF9C4']
});

let colors = [{ name: 'kw', color: '#058DC7'}, {name:'kwh', color:'#50B432'},
{name: 'kvar', color: '#ED561B'}, {name: 'kvarh', color: '#DDDF00'}, {name: 'kva', color: '#24CBE5'}, {name: 'kvh', color: '#64E572'}, {name: 'pf', color: '#FF9655'}];
Highcharts.chart('container', {
    chart: {
        type: 'pie'
    },

    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
    }]
});