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

function loadData() {
    alert('Data is being loaded');
    return [29.9, 71.5, 106.4, 129.2, 144.0, 176.0];
}

function getCachedData() {
    var cached = document.cookie.match(/data=(\[[0-9.,-]+\])/),
        data;
    
    if( cached && cached[1] ) {
       data = JSON.parse(cached[1]);
    } else {
        data = loadData();
        document.cookie = 'data='+ JSON.stringify( data );
    }
        
    return data;
}


window.chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container',
        type: 'pie'
    },
    series: [{
        data: getCachedData()
    }]
});