DevExtreme jQuery/JS - JSON Data

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

JavaScript
  • $(function() {
  • $("#funnelContainer").dxFunnel({
  • dataSource: "http://www.example.com/dataservices/data.json",
  • argumentField: 'arg',
  • valueField: 'val'
  • });
  • });

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

JavaScript
  • $(function() {
  • $("#funnelContainer").dxFunnel({
  • dataSource: "http://www.example.com/dataservices/jsonpdata?callback=?",
  • argumentField: 'arg',
  • valueField: 'val'
  • });
  • });

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

See Also