Flexmonster - 如何从 Ajax 调用设置数据源

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;
            }
        });
    }

如果我在 Connect => To Remote JSON 中使用 url，它就像一个魅力，这表明 json 格式是正确的。

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

Answer 1

为了使其正常工作，最好使用Flexmonster的事件。 在这种情况下，您可以使用

reportcomplete

事件来确保枢轴组件已经加载。 之后，您可以运行 setReport API 调用

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