JavaScript/jQuery Chart - JSON Data

To bind the Chart to data in a JSON format, assign the data's URL to the dataSource property.

index.js
  • $(function() {
  • $("#chartContainer").dxChart({
  • dataSource: "http://www.example.com/dataservices/data.json",
  • // ...
  • });
  • });

Note that you can also use a JSONP callback parameter supported by jQuery.ajax().

index.js
  • $(function() {
  • $("#chartContainer").dxChart({
  • dataSource: "http://www.example.com/dataservices/jsonpdata?callback=?",
  • // ...
  • });
  • });

If you need to process data after obtaining it, implement the CustomStore. For details, see the Custom Sources topic.

View Demo

See Also