Javascript Google可视化API-保存和检索ChartWrapper对象

在Google Visualization chart Editor中修改图表后保存ChartWrapper对象，以便页面重新加载他们选择的最后一个图表，而不是在选项中显示默认设置

我已使用以下代码保存了ChartWrapper对象的JSON.stringfy表示形式：

function getWrapper() {
            chart = chartEditor.getChartWrapper();
            localStorage.setItem('chartWrapper', JSON.stringify(chart));
            redrawChart();
    }

默认图表的代码如下所示：

chart = new google.visualization.ChartWrapper({
        chartType: 'LineChart',
        containerId: 'chart_div',
        dataTable: data,
        options: {
            title: '@Html.Raw(Model.KeyIndicatorName)',
            hAxis: {
                slantedText: true,
                slantedTextAngle: 30,
                title: 'Reporting Period'
            },
            vAxis: {
                title: '@Model.XAxis'
            },
            chartArea: {
                top: 40,
                width: "65%"
            },
            pointSize: 5
        }
    });

重新加载时，若localStorage项可用，我希望用这些值替换默认选项

---

我如何实现它？

需要使用图表包装方法

toJSON

方法，而不是

JSON.stringify

function getWrapper() {
    chart = chartEditor.getChartWrapper();
    localStorage.setItem('chartWrapper', chart.toJSON());
    redrawChart();
}

然后您可以直接从json创建图表

var chart = new google.visualization.ChartWrapper(localStorage.getItem('chartWrapper'));