HTML5 linear chart data area can be colored

HTML5 linear chart data area can be colored

This is a Canvas-based HTML5 chart application. It is animated when chart data is initialized.

Online demonstration:Click to demonstrate

Download source code:

Click to download

Core jQuery code:

Var myData = {
Labels: ["Mo", "Di", "Mi", "Do", "Fr", "Sa", "So"],
Datasets :[
{
FillColor: "rgba (220,220,220,. 5 )",
StrokeColor: "rgba (220,220,220, 1 )",
PointColor: "rgba (220,220,220, 1 )",
PointStrokeColor: "# fff ",
Data: [,]
},
{
FillColor: "rgba (90,190, 90,. 5 )",
StrokeColor: "rgba (90,190 )",
PointColor: "rgba (90,190 )",
PointStrokeColor: "# fff ",
Data: [,]
}
]
}


New Chart (document. getElementById ("canvas"). getContext ("2d"). Line (myData)