Generar Graficos highcharts (tooltip )

[Escorpion_Negro]

document).ready(function() {
chart = new Highcharts.Chart({
chart: {
renderTo: 'container4',
defaultSeriesType: 'line'
},
title: {
text: 'Informe detallado de avane por etapa'
},
subtitle: {
text: 'Preduca'
},
xAxis: {
categories: [ '04-04-2016'
,
'04-04-2016'
,
'04-04-2016'
,
'04-04-2016'
,
'04-04-2016'
,
'04-04-2016'
,
'04-04-2016'
,
'04-04-2016'
,
'04-04-2016'
,
'04-04-2016'
,
'04-04-2016'
,
'04-04-2016'
,
'04-04-2016'
,
'05-04-2016'
,
'05-04-2016'
,
'07-04-2016'
,
'08-04-2016'
,
'08-04-2016'
,
'12-04-2016'
,
'12-04-2016'
,
'12-04-2016'
,
'12-04-2016'
,
'12-04-2016'
,
'13-04-2016'
,
'13-04-2016'
,
'13-04-2016'
,
'13-04-2016'
,
'13-04-2016'
,
'13-04-2016'
,
'14-04-2016'
,
'17-04-2016'
,
'17-04-2016'
,
'18-04-2016'
,
'18-04-2016'
,
'18-04-2016'
,
'18-04-2016'
,
'18-04-2016'
,
'18-04-2016'
,
'19-04-2016'
,
'19-04-2016'
,
'19-04-2016'
,
'19-04-2016'
,
'20-04-2016'
,
'21-04-2016'
,
'21-04-2016']
},
yAxis: {
title: {
text: 'Precios'
}
},
tooltip: {
formatter: function() {
return '<b>'+ this.x +'</b><br/>'+
'Cantidad Dias para : $'+ Highcharts.numberFormat(this.y, 0) +
' .-';
}
},
plotOptions: {
line: {
dataLabels: {
enabled: true
},
enableMouseTracking: false
}
},
series: [{
name: 'Cliente 1’, data: [2,2,2,2,2,2,3,3,3,3,3,3,-14,0,0,0,0,0,3,3,3,1,1,0,2,2,2,2,2,1,1,1,0,0,0,0,0 ,0,0,0,0,0,0,0,0,] }
, { name: 'Cliente 2', data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0, 0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0] }
, { name: 'Cliente 3’, data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0, 0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0] }
, { name:’ Cliente 4', data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0, 0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0] }
, { name:’ cliente 5’, data: [0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0, 0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0] }
]
});
});