JavaScript
function incializaGraficaBarras(data, id,cat,txttitle,vmax,s2,mleft){
var merge = Highcharts.merge;
var perShapeGradient = {
x1: 0,
y1: 0,
x2: 1,
y2: 1
};
var colors = Highcharts.getOptions().colors;
colors = [{
linearGradient: merge(perShapeGradient),
stops: [
[0, 'rgb(12, 67, 110)'],
[1, 'rgb(6, 255, 255)']
]
},
{
linearGradient: merge(perShapeGradient),
stops: [
[0, 'rgb(175,144,22)'],
[1, 'rgb(255,255,0)']
]
}
];
var options={
chart: {
renderTo: id,
type: 'column',
marginRight: 50,
plotBackgroundColor:{
linearGradient: [10,30, 10, 180],
stops: [
[0, 'rgb(30, 87, 153)'],
[1, 'rgb(125, 185, 232)']
]
},
backgroundColor: false,
width:105,
height:270
},
title: {
text: txttitle,
color:'rgb(0,255,255)',
style: {
fontFamily: 'Gill Sans',
color: 'rgb(0,255,255)'
}
},
xAxis: {
categories: [cat],
labels:
{
enabled: true
},
lineColor: false
},
yAxis: {
gridLineColor: '#333333',
min: 0,
title: {
text: '',
align: 'high'
},
labels: {
overflow: 'justify'
}
},
tooltip: {
valueDecimals : 2,
shared: false,
backgroundColor: 'rgba(10,10,10, 0.2)',
borderWidth: 1,
style: {
color: 'rgb(255,255,255)',
fontSize: '9px',
fontFamily: 'Gill Sans',
padding: 6
},
positioner: function () {return { x: 20, y: 80 };}
},
plotOptions:...