Line Charts
Source Code :
var chart = new Chart(document.getElementById("chart"),"Line",
{
series:[
[3,10,12,6,10,3,10,12,6,10,3,10],
[4,9,15,5,19,4,9,15,15,5,19,4],
[7,1,5,10,6,9,20,10,5,10,6,9]
],
categories:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],
legends:["iPhone","Android","Windows Mobile"]
},
{
title:"Mobile Market",
getMin:function(){
return 0;
},
animationType:"bounce"
}
);
chart.draw();
Area Charts
Source Code :
var chart = new Chart(document.getElementById("chart"),"Area",
{
series:[
[3,10,12,6,10,3,10,12,6,10,3,10],
[4,9,15,5,19,4,9,15,15,5,19,4],
[7,1,5,10,6,9,20,10,5,10,6,9]
],
categories:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],
legends:["iPhone","Android","Windows Mobile"]
},
{
title:"Mobile Market",
getMin:function(){
return 0;
},
animationType:"bounce"
}
);
chart.draw();
Source Code :
var chart = new Chart(document.getElementById("chart"),"Area",
{
series:[
[3,10,12,6,10,3,10,12,6,10,3,10],
[4,9,15,5,19,4,9,15,15,5,19,4],
[7,1,5,10,6,9,20,10,5,10,6,9]
],
categories:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],
legends:["iPhone","Android","Windows Mobile"]
},
{
title:"Mobile Market",
getMin:function(){
return 0;
},
animationType:"bounce",
threshold:10
}
);
chart.draw();
Column Charts
Source Code :
var chart = new Chart(document.getElementById("chart"),"Column",
{
series:[
[3,10,12,6,10,3,10,12,6,10,3,10],
[4,9,15,5,19,4,9,15,15,5,19,4],
[7,1,5,10,6,9,20,10,5,10,6,9]
],
categories:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],
legends:["iPhone","Android","Windows Mobile"]
},
{
title:"Mobile Market",
getMin:function(){
return 0;
},
animationType:"bounce"
}
);
chart.draw();
Source Code :
var chart = new Chart(document.getElementById("chart"),"Column",
{
series:[
[3,10,12,6,10,3,10,12,6,10,3,10],
[4,9,15,5,19,4,9,15,15,5,19,4],
[7,1,5,10,6,9,20,10,5,10,6,9]
],
categories:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],
legends:["iPhone","Android","Windows Mobile"]
},
{
title:"Mobile Market",
getMin:function(){
return 0;
},
animationType:"bounce"
}
);
chart.draw();
Source Code :
var chart = new Chart(document.getElementById("chart"),"Column",
{
series:[
[3,10,12,6,10,3,10,12,6,10,3,10],
[4,9,15,5,19,4,9,15,15,5,19,4],
[7,1,5,10,6,9,20,10,5,10,6,9]
],
categories:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],
legends:["iPhone","Android","Windows Mobile"]
},
{
title:"Mobile Market",
getMin:function(){
return 0;
},
animationType:"bounce",
stacked:true
}
);
chart.draw();
Combination Charts
Source Code :
var chart = new Chart(document.getElementById("chart"),null,
{
series:[
[3,10,12,6,10,3,10,12,6,10,3,10],
[4,9,15,5,19,4,9,15,15,5,19,4],
[7,1,5,10,6,9,20,10,5,10,6,9]
],
categories:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],
legends:["iPhone","Android","Windows Mobile"],
types:['Area', 'Column', 'Line']
},
{
title:"Mobile Market",
getMin:function(){
return 0;
},
animationType:"bounce"
}
);
chart.draw();
Pie Charts
Source Code :
var chart = new Chart(document.getElementById("chart"),"Pie",
{
series:[
[3,10,12,6,10,3],
[4,9,15,5,19,4],
[7,1,5,10,6,9]
],
categories:["Jan","Feb","Mar","Apr","May","Jun"],
legends:["iPhone","Android","Windows Mobile"]
},
{
title:"Mobile Market",
getMin:function(){
return 0;
},
animationType:"bounce"
}
);
chart.draw();