JSFiddle - React, Tailwind, and code Playground

by Murali Kaliappan

HTML

<div id="container" style="height: 400px; min-width: 600px"></div>

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

JavaScript

$(function() {
	$('#container').highcharts('StockChart', {	  
   navigator: {    	
     adaptToUpdatedData: false,
        series: {
            color: '#FF00FF',
            lineWidth: 2
        }
    },
  plotOptions: {
            series:{
                dataLabels: {
                    enabled: false
                },
                point:{
                    events:{
                        click: function(){
                            var e = !this.dataLabels || !this.dataLabels.enabled ? true : false;
                            this.update({
                                dataLabels:{
                                    enabled: e
                                }
                            });
                        }
                    }
                }
            }
        },
	    series: [{      	
	      name: 'mySeries',
				id : 'dataseries',			
				data:
				[	[1402351000000, 0.03], [1402392000000, 0.06], [1402398000000, 0.07],
					{	x: 1402401000000, y: 0.02,						
					},
					[1402401600000, 0.07], [1402478400000, 0.08],
					[1402910400000, 0.05], [1402910450000, 0.04]
				]	
	    }]     
        
    
	});
});