JSFiddle - React, Tailwind, and code Playground

by hfrntt

HTML

<script type="text/javascript" src="http://highcharts.com/js/testing.js"></script>

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

JavaScript

var chart = new Highcharts.Chart({

    chart: {
        renderTo: 'container',
        type: 'pie'
    },
    series: [{
        dataLabels: {
            enabled: true,
            formatter: function(){
                return this.name + ': ' + this.percentage.toFixed(2) + '%'
            }
        },
        data: [{
            name: 'Windows 7',
            y: 67.6,
            color: '#2e7081'
        },
        {
            name: 'Windows Vista',
            y: 2.2,
            color: '#39869b'
        },
    
        {
            name: 'Windows XP',
            y: 28,
            color: '#3d8fa5'
        },
        {
            name: 'Mac OS X',
            y: 0,
            color: '#46a1b9'
        },
        {
            name: '(K)Ubuntu',
            y: 0.4,
            color: '#5cb0c9'
        },
        {
            name: 'Linux Mint',
            y: 0,
            color: '#7cbbcf'
        },
        {
            name: 'Другая',
            y: 1.8,
            color: '#91c3d5'
        }]
    }]
});