Multiple Series_HighChart_SO
http://stackoverflow.com/questions/12177198/how-to-bind-data-to-line-chart-in-highcharts-in-mvc3
HTML
<script src="http://code.highcharts.com/modules/exporting.js"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>
<div id="container" style="height: 300px"></div>
JavaScript
var chart;
$(document).ready(function () {
var loggedbugs = [2,2,8,3,0];
var closedbugs = [0,1,4,3,0];
var bugs=[3,4,5,6,7];
chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
type: 'line'
},
title: {
text: 'Daily Reports'
},
subtitle: {
text: 'Logged Bugs'
},
xAxis: {
categories: ['Week1', 'Week2', 'Week3', 'Week4', 'Week5']
},
yAxis: {
title: {
text: 'Bug Count'
},
min:0
},
tooltip: {
enabled: false,
formatter: function () {
return '<b>' + this.series.name + '</b><br/>' +
this.x + ': ' + this.y;
}
},
plotOptions: {
line: {
dataLabels: {
enabled: true
},
enableMouseTracking: false
}
},
series: [{
name: 'Logged Bugs',
data: loggedbugs
},
{
name: 'ClosedBugs',
data: closedbugs
},
{
name:'bugs',
data:bugs
}
]
});
});