Highcharts Column Charts Zero
by Maycon Brito
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
var arrayPropriedades = {id: 'container', title: 'Comparativo de Vendas', subtitle: '', labelDados: 'moeda', legend: {enabled: '1', },dataLabels: '', width: '800', height: '400'};
var arrayDados = [{name:"2012",data:[[0,69347.35],[1,120753.55],[12,95050.45]]},{name:"2013",data:[[0,104000.00],[1,102883.99],[2,122330.78],[3,113400.77],[4,130319.26],[5,128147.28],[6,125572.79],[7,100872.25],[8,116323.88],[9,165703.11],[10,154312.18],[11,193967.96],[12,129819.52083333]]},{name:"2014",data:[[0,152929.70],[1,169724.95],[2,161923.28],[12,161525.97666667]]}];
var arrayDrillDown = null;
GraficoBarra(arrayPropriedades, arrayDados, arrayDrillDown);
Highcharts.theme = {
colors: ['#058DC7', '#50B432', '#ED561B', '#DDDF00', '#24CBE5', '#64E572', '#FF9655', '#FFF263', '#6AF9C4'],
chart: {
backgroundColor: {
linearGradient: {x1: 0, y1: 0, x2: 1, y2: 1},
stops: [
[0, '#FFFFFF'],
[1, '#BED0B6']
]
},
borderWidth: 2,
borderColor: 'rgb(10, 90, 24)',
plotBackgroundColor: 'rgba(255, 255, 255, .9)',
plotShadow: true,
plotBorderWidth: 1
},
title: {
style: {
color: '#000',
font: 'bold 16px "Calibri", Verdana, sans-serif'
}
},
subtitle: {
style: {
color: '#666666',
font: 'bold 12px "Calibri", Verdana, sans-serif'
}
},
xAxis: {
gridLineWidth: 1,
lineColor: '#000',
tickColor: '#000',
labels: {
style: {
color: '#000',
font: '11px Calibri, Verdana, sans-serif'
}
},
title: {
style: {
color: '#333',
fontWeight: 'bold',
fontSize: '12px',
fontFamily: 'Calibri, Verdana, sans-serif'
}
}
},
yAxis: {
minorTickInterval: 'auto',
lineColor: '#000',
...