JavaScript
var chart = new CanvasJS.Chart("chartContainer", {
title: {
text: "Work Orders Details"
},
axisX: {
title: "Month →"
},
axisY: {
title: "No of Work Orders Closed →"
},
toolTip: {
content: "{name}: {y}",
},
data: [{
"name": "Ben",
dataPoints: [
{label: "January", "y": 3 },
{label: "February", "y": 6 },
]
},{
"name": "Bill",
dataPoints: [
{label: "January", "y": 2 },
{label: "February", "y": 5 },
]
},{
"name": "Chris",
dataPoints: [
{label: "January", "y": 15 },
{label: "February", "y": 19 },
]
},{
"name": "Jesse",
dataPoints: [
{label: "January", "y": 20 },
{label: "February", "y": 37 },
]
},{
"name": "Josh",
dataPoints: [
{label: "January", "y": 11 },
{label: "February", "y": 18 }
]
},{
"name": "Lilia",
dataPoints: [
{label: "January", "y": 97 },
{label: "February", "y": 86 },
]
},{
"name": "Mariel",
dataPoints: [
{label: "January", "y": 31},
{label: "February", "y": 68 },
]
},{
"name": "Mike",
dataPoints: [
{label: "January", "y": 13 },
{label: "February", "y": 71 },
]
},{
"name": "Rene",
dataPoints: [
{label: "January", "y": 75 },
{label: "February", "y": 75 },
]
},{
"name": "Stephanie",
dataPoints: [
{label: "January", "y": 3 },
{label: "February", "y": 8 },
]
},{
"name": "SteveD",
dataPoints: [
{label: "January", "y": 34 },
{label: "February", "y": 27 },
]
},{
"name": "SteveR",
dataPoints: [
{label: "January", "y": 73 },
{label: "February", "y": 37 },
]
},{
"name": "StevenM",
dataPoints: [
{label: "January", "y": 78 },
{label: "February", "y": 92 },
]
}
]
});
chart.render();