DevExtreme Angular - JSON Data

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

JavaScript
  • $(function() {
  • $("#sankeyContainer").dxSankey({
  • dataSource: "http://www.example.com/dataservices/data.json",
  • sourceField: "from",
  • targetField: "to",
  • weightField: "amount"
  • });
  • });

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

JavaScript
  • $(function() {
  • $("#sankeyContainer").dxSankey({
  • dataSource: "http://www.example.com/dataservices/jsonpdata?callback=?",
  • sourceField: "from",
  • targetField: "to",
  • weightField: "amount"
  • });
  • });

You should implement the CustomStore if you need to process data after obtaining it. Refer to the Custom Sources topic for more information.

See Also