如何从Ajax调用中设置DataSource

Question

我想通过ajax调用的结果来填充数据透视表。我正在尝试这样的操作，但它不起作用，没有加载任何数据。

        var pivot = new Flexmonster({
            container: “pivot-container”,
            componentFolder: “https://cdn.flexmonster.com/”,
            global: {
                localization: “loc/es.json”
            },
            width: “100%”,
            height: “600px”,
            report: {
                dataSource: {
                    dataSourceType: “json”,
                    data: getData()
                },
    slice: {
         rows: [{ uniqueName: “column1” }, { uniqueName: “column2” }],
                    columns: [{ uniqueName: “[column3]” }],
                    measures: [{ uniqueName: “column4” }]
                }
        });



//ajax call
//The function returns the data correctly.
    function getDatos() {
        $.ajax({
            type: “GET”,
            dataType: “json”,
            contentType: “application/json; charset=utf-8”,
            url: “api/data”,
            success: function (response) {
                return response;
            }
        });
    }

如果我使用连接=>中的url来远程JSON，它就像一个咒语，这表明json格式是正确的。

如何使用ajax调用加载数据透视表？

Answer 1

如果它仍然相关或者对其他用户有帮助-我会留下一些关于如何处理这个问题的笔记。

为了让它正常工作，最好使用Flexmonster的事件。在这种情况下，可以使用reportcomplete事件确保已经加载了pivot组件。之后，您可以运行setReport应用程序接口调用(如本例所示：http://jsfiddle.net/flexmonster/2qb8wzh1/)

另一种选择是先加载数据，然后使用所有配置初始化pivot对象。

希望能有所帮助。