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();