JSFiddle - React, Tailwind, and code Playground

by kasinaat007

HTML

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>
<div id="container" style="height: 300px"></div>

JavaScript

function log10(n) {
 return Math.log(n)/Math.log(10);   
}

$('#container').highcharts({
    chart: {
					type: 'column',
				},
				title: {
					useHTML:true,
					width:20,
					text: '<span>&nbsp;</span>'
				},
				yAxis: {
					// type:'logarithmic',
					title: {
						text: "yAxisTitle"
					},
          labels: {
            formatter: function() {
             return Math.round(Math.pow(10,this.value));
            }
        }
				},
				credits: {
					enabled: false
				},
				plotOptions: {
					column: {
						stacking: 'normal'
					},
				},
	
				series: [{
					data:[log10(1000),log10(2),log10(3)]
				},
				{
					data:[log10(0),log10(2),log10(3)]
				},
				{
					data:[log10(1000),log10(2),log10(3)]
				}
				
				]
});