jqDataVisualization for jQuery Documentation

Chart.DataSource


Defines chart DataSource.

The chart data source can be a model like:

 $('#jqChart').jqChart({
      dataSource : [
          { date: "12/20/2012", value: 30 },
          { date: "12/21/2012", value: 50 },
          { date: "12/22/2012", value: 45 },
          { date: "12/23/2012", value: 40 },
          { date: "12/24/2012", value: 35 },
          { date: "12/25/2012", value: 30 },
          { date: "12/26/2012", value: 42 },
          { date: "12/27/2012", value: 40 },
          { date: "12/28/2012", value: 35 },
          { date: "12/29/2012", value: 43 },
          { date: "12/30/2012", value: 58 },
          { date: "12/31/2012", value: 60 }
     ], ...

or it can be a remote data:

 $('#jqChart').jqChart({
     dataSource: {
         ajax: {
             type: "POST",
             url: "JsonData",
             data: "",
             dataType: 'json'
         }
     }, ...
Defined By

Config options

Chart.DataSource
: Object
Specifies the asynchronous HTTP (Ajax) request. ...

Specifies the asynchronous HTTP (Ajax) request.

Example:

 dataSource: {
     ajax: {
         type: "POST",
         url: "JsonData",
         data: "",
         dataType: 'json'
     }
 }