JSFiddle - React, Tailwind, and code Playground

by hfrntt

HTML

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

<div id="container"></div>

JavaScript

function randomData() {
    for(var i=0, data=[]; i<200; i++)
        data.push( ~~Math.random() * 100 )
    return data
}

var options = {
    chart: {
        renderTo: 'container',
        defaultSeriesType: 'line',
        zoomType: "",
    },
    title: {
        text: '',
    },
     xAxis: {
         tickLength: 0,
         labels: {
             enabled: false
         },
         lineWidth: 0
     },
    yAxis: {
         title: {
             text: ''
         },
         gridLineWidth: 0,
         minorGridLineWidth: 0,
         lineWidth: 0
    },
    tooltip: {
        enabled: false
    },
    legend: {
        enabled: false
    },
    series: (function(){
        var i, j, series = [];
        for(i=0; i<2; i++) {
            series[i] = { 
                data: randomData()
            }
        }
    })(),
    plotOptions: {
        series: {
            shadow: false,
             enableMouseTracking: false,
            marker: {
                enabled:false
            }
        }
    },
     credits: {
         enabled: false
     },
     exporting: {
         enabled: false
     }                    
};