MVC Line Chart Application

<script src= "~/scripts/highcharts-3.0.10/js/highcharts.js" ></script>//layout display Line chart JS
<script src= "~/scripts/highcharts-3.0.10/js/modules/exporting.js" ></script>//export function js

<script type= "Text/javascript" >
$ (function () {
$ (' #container '). Highcharts ({
Title: {
Text: ' Attendance graph ',
X: -20//center
},

Xaxis: {
Categories: @Html. Raw (Hidmodel.datajson)//x axis column JSON data assignment before forwarding to JSON
},
YAxis: {
Title: {
Text: ' Attendance rate (%) '
},
Plotlines: [{
value:0,
Width:1,
Color: ' #808080 '
}]
},
ToolTip: {
Valuesuffix: '% '
},
Legend: {

X Axis name Display right

Layout: ' Vertical ',
Align: ' right ',
VerticalAlign: ' Middle ',
borderwidth:0
},
Series: [{
Name: ' Attendance rate ',
Data: @Html. Raw (Hidmodel.datadicjson)//y the value of the axis value JSON data before forwarding to JSON
}]
});
});
</script>

Hidmodel Custom Objects

<div id= "Container" style= "min-width:300px; height:400px; margin:0 Auto ">

</div>

Data address: http://www.hcharts.cn/

MVC Line Chart Application