Industry- and Business-Related
by mlmason
HTML
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/data.js"></script>
<script src="https://code.highcharts.com/modules/drilldown.js"></script>
<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
JavaScript
$(function () {
// Create the chart
Highcharts.chart('container', {
chart: {
type: 'column'
},
title: {
text: 'Industry- and Business-Related'
},
subtitle: {
text: ''
},
xAxis: {
type: 'category'
},
yAxis: {
title: {
text: 'Number of Mentions'
}
},
legend: {
enabled: false
},
plotOptions: {
series: {
borderWidth: 0,
dataLabels: {
enabled: true,
format: '{point.y:.0f}'
}
}
},
/* tooltip: {
headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}%</b> of total<br/>'
},*/
series: [{
name: 'Words',
colorByPoint: true,
data: [{
name: 'Business',
y: 50,
drilldown: 'Business'
}, {
name: 'Job/Jobs/Joblessness',
y: 127,
drilldown: 'Job/Jobs/Joblessness'
}, {
name: 'Opportunity/Opportunities',
y: 119,
drilldown: 'Opportunity/Opportunities'
}, {
name: 'Partner/Partnership',
y: 82,
drilldown: 'Partner/Partnership'
}, {
name: 'Customers',
y: 11,
drilldown: 'Customers'
}, {
name: 'Future',
y: 52,
drilldown: 'Future'
},
{
name: 'Agriculture',
y: 13,
drilldown: 'Agriculture'
},
{
name: 'Auto Industry',
y: 19,
...