如何保存同步數據透視視圖工具欄選項以及表格元數據

Question

我正在使用 Syncfusion 透視圖，這里我需要在單擊按鈕時保存多個圖表並在單擊按鈕時加載圖表。 我可以使用 getPersistData() 和 loadPersistData() 保存和加載數據。 但我想保存工具欄選擇以及如果用戶為圖表 1 選擇了條形圖，然后為圖表 2 選擇了線條，然后在按鈕單擊時再次加載這些圖表，圖表 1 應加載為條形圖，而圖表 2 將加載為折線圖。 用戶使用工具欄完成的任何配置，例如用戶在再次加載時選擇了網格或 1 個樞軸視圖和第二個樞軸視圖的圖表我想按照他們之前的選擇加載。

Answer 1

我們已經分析了您的需求並准備了一個使用工具欄功能的數據透視示例，以使用當前視圖（表格或圖表）和圖表類型保存和加載數據透視報告。 請參考以下示例和代碼示例。

示例： https : //stackblitz.com/edit/angular-fsd4c1?file=app.component.ts

代碼示例：

loadReport(args: any) {
    let reportCollection: string[] = [];
    if (localStorage.pivotviewReports && localStorage.pivotviewReports !== "") {
        reportCollection = JSON.parse(localStorage.pivotviewReports);
    }
    reportCollection.map(function (item: any): void {
        if (args.reportName === item.reportName) {
            args.report = item.report;
        }
    });
    if (args.report) {
        var report = JSON.parse(args.report);
        this.pivotObj.chartSettings.chartSeries.type = report.chartSettings.chartSeries.type;
        this.pivotObj.displayOption = report.displayOption;
        this.pivotObj.currentView = report.displayOption.primary === 'Chart' ? 'Chart' : 'Table';
        this.pivotObj.dataSourceSettings = report.dataSourceSettings;
    }
}

如果您需要進一步的幫助，請告訴我們。

問候，

馬尼坎丹