JSFiddle - React, Tailwind, and code Playground
by minagabriel
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: 310px; height: 400px; margin: 0 auto"></div>
JavaScript
$(function () {
$('#container').highcharts({
title: {
text: 'Text Mining',
x: -20 //center
},
subtitle: {
text: '',
x: -20
},
xAxis: {
categories: ["12", "100", "500", "Lisa", "Weimer", "right,", "opened", "her", "home", "furnishings", "store,", "Johnson", "&", "Hicks,", "in", "TriBeCa", "September,", "and", "discovered", "passion", "for", "chairs,", "especially", "those", "from", "the", "1920's", "30's.", "''I", "love", "simple,", "clean", "lines", "richness", "of", "woods,''", "said", "Ms.", "Weimer,", "who", "was", "once", "a", "buyer", "at", "Bergdorf", "Goodman.A", "pair", "French", "1930's", "walnut", "chairs", "with", "checkerboard", "backs,", "above,", "are", "$8,500;", "steel", "folding", "1930's,", "originally", "used", "on", "ferry,", "$575", "each;", "tubular", "dining", "upholstered", "Ultrasuede,", "$14,000.", "There", "tables.", "Hicks", "is", "Hudson", "Street", "Franklin", "Street.", "Information:", "(212)", "966-4242"]
},
yAxis: {
title: {
text: 'Number of occu'
},
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}]
},
tooltip: {
valueSuffix: '°C'
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'middle',
borderWidth: 0
},
series: [{
name: 'occurance',
data: [2, 2, 2, 1, 2, 2, 1, 3, 2, 2, 1, 2, 2, 1, 11, 1, 1, 4, 1, 1, 3, 2, 1, 1, 2, 3, 1, 3, 1, 1, 1, 1, 1, 1, 2, 1, 1, 1, 2, 1, 1, 1, 38, 1, 4, 1, 1, 1, 2, 2, 1, 5, 1, 1, 1, 1, 4, 1, 2, 1, 1, 1, 1, 7, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 2, 5, 1, 2, 1, 2, 1, 1, 1]
}]
});
});