Aquí los datos no son vinculantes en el siguiente código:
var pivot = new WebDataRocks({ container: "#wdr-component", toolbar: true, height: 395, report: { dataSource: { dataSourceType: "json", data: getData() }, "slice": { "rows": [ { "uniqueName": "RLI_RAV_GRP_DES" } ], "columns": [ { "uniqueName": "LEVEL1" }, { "uniqueName": "LEVEL2" } ], "measures": [ { "uniqueName": "Q1", "aggregation": "sum" }, { "uniqueName": "Q2", "aggregation": "sum" }, { "uniqueName": "Q3", "aggregation": "sum" }, { "uniqueName": "Q4", "aggregation": "sum" } ] }, options: { grid: { title: "Sales Report" } } } }); function getData() { $.ajax({ type: "GET", url: "NACGSample.aspx/GetPivotReportList", contentType: "application/json; charset=utf-8", dataType: 'json', success: function (msg) { return JSON.parse(msg.d); //return msg.d; }, error: function (msg) { return alert(msg); } }); }El problema es que no puede devolver un valor de una llamada asincrónica (solicitud AJAX). La solución es llamar a una función dentro de su success: devolución de llamada que pasa los datos cuando están disponibles.
Consulte el siguiente CodePen: https://codepen.io/webdatarocks/pen/eYErgGL?editors=1010