JSFiddle - React, Tailwind, and code Playground

by ccarns

HTML

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

<div id="ctl00_ChartDiv" style="width:100%;"> 
            <div id="ctl00_hc1" style="height:240px;width:640px;">
</div>

JavaScript

//<![CDATA[
var chartctl00_hc1;
$(document).ready(function() {
    Highcharts.setOptions({
                        lang: {}});

    chartctl00_hc1 = new Highcharts.Chart({    
    chart: {"renderTo":"ctl00_hc1","defaultSeriesType":"line"},
    
    credits: { enabled: false },
    plotOptions: { series: {} },
    title: {"text":""},
    
    legend: {"enabled":false},
    exporting: {"enabled":false},
    xAxis: [{"categories":["May","Jun","Jul","Aug","Sep","Oct","Nov","Dec","Jan","Feb","Mar","Apr"],"title":{"text":""}}],
    yAxis: [{"title":{"text":"Value ($)"}}],
    tooltip: {"formatter":function(event){ var tmp = '<b>' + this.series.name +'</b>: $'+ Highcharts.numberFormat(this.y, 2); if(typeof(tmp) == 'function'){return tmp(this);}else{ return tmp;} }} ,
    series: [{"name":"Stocks: MCD COSTCO","data":[null,null,null,null,null,null,null,34317.33,34317.33,34317.33,34317.33,34317.33]}]
    });
    
    

});//]]>