JavaScript
window.onload = function () {
var chart = new CanvasJS.Chart("chartContainer", {
theme: "observatoire-regional",
legend: {
itemclick: function(e){
alert( "Legend item clicked with type : " + e.dataSeries.type);
}
},
title: {text: "Dans les garderies subventionnées"},
toolTip: {
shared: true,
content: function(e){
var str = '';
var total = 0 ;
var str3;
var str2 ;
for (var i = 0; i < e.entries.length; i++){
var str1 = "<span style= 'color:"+e.entries[i].dataSeries.color + "'> " + e.entries[i].dataSeries.name +
"</span>: <strong>"+ e.entries[i].dataPoint.y + "%" + "</strong> <br/>" ;
total = e.entries[i].dataPoint.y + total;
str = str.concat(str1);
}
str2 = "<span style = 'color:DodgerBlue; '><strong>"+e.entries[0].dataPoint.label +
"</strong></span><br/>";
str3 = "";
return (str2.concat(str)).concat(str3);
}
},
axisY:{
valueFormatString:"0",
title: "%",
maximum: 101,
interval: 10,
},
axisX:{
title: "Cliquer sur une ou plusieurs régions",
},
data: [
{
type: "line",
color:"#2B2B32",
visible:true,
lineThickness:3,
showInLegend: true,
name: "Ensemble du Québec",
legendMarkerType: "cross",
dataPoints: [
{ y: 84, name:"84%", label: 2004,},
{ y: 83.7, name:"83.7%", label: 2005,},
{ y: 88.9, name:"88.9%", label: 2006,},
{ y: 92.5, name:"92.5%", label: 2007,},
{ y: 93.8, name:"93.8%", label: 2008,},
{ y: 94.7, name:"94.7%", label: 2009,},
{ y: 93.1, name:"93.1%", label: 2010,},
{ y: 91.0, name:"91.0%", label: 2011,},
{ y: 91.0, name:"91.0%", label: 2012,},
{ y: 70.3, name:"70.3%", label: 2013,},
{ y: 70.8,...