DevExtreme jQuery/JS - JSON Data

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

JavaScript
  • $(function() {
  • $("#pieChartContainer").dxPieChart({
  • dataSource: "http://www.example.com/dataservices/data.json"
  • });
  • });

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

JavaScript
  • $(function() {
  • $("#pieChartContainer").dxPieChart({
  • 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.

See Also