JSFiddle - React, Tailwind, and code Playground
by justin69
HTML
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>
<div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div>JavaScript
var chart;
$(document).ready(function() {
chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
borderWidth: 1,
marginBottom: 150,
defaultSeriesType: 'column'
},
title: {
text: 'Agent Id'
},
credits: {
text: 'Make Me Money',
href: 'http://www.mymcubed.com'
},
xAxis: {
categories: [
'rita ',
'sita',
'gita',
'papita',
'namita',
'rita ',
'sita',
'gita',
'papita',
'namita',
'jhumri',
'rita ',
'sita',
'gita',
'papita',
'namita',
'rita ',
'sita',
'gita',
'papita',
'namita',
'rita ',
'sita',
'gita',
'papita',
'namita',
'rita ',
'sita',
'gita',
'papita',
'namita',
'rita ',
'sita',
'gita',
'papita',
'namita',
],
},
yAxis: {
min: 0,
max:10,
title: {
text: 'Percent'
}
},
tooltip: {
formatter: function() {
return ''+ this.y +'%';
}
},
plotOptions: {
column: {
pointPadding: 0.2,
borderWidth: 0
}
},
series: [ {
name: 'Percentage wise distribution',
...