ECharts 是百度開發(fā)的一款基于 JavaScript 的數(shù)據(jù)可視化庫，它可以幫助開發(fā)者便捷地制作各種復(fù)雜的可視化圖表。通過 ECharts，我們可以很容易地將數(shù)據(jù)轉(zhuǎn)化為圖形，并且實(shí)現(xiàn)數(shù)據(jù)可視化。

在 ECharts 中，我們可以將圖表數(shù)據(jù)以 JSON 格式進(jìn)行存儲。JSON 是一種輕量級的數(shù)據(jù)交換格式，廣泛應(yīng)用于數(shù)據(jù)傳輸和存儲。我們可以將數(shù)據(jù)保存為 JSON 格式，然后通過 ECharts 進(jìn)行讀取和展示。

下面是一個使用 ECharts 保存 JSON 數(shù)據(jù)的示例：

var myChart = echarts.init(document.getElementById('main'));
var option = myChart.getOption();
var jsonData = JSON.stringify(option);
console.log(jsonData);

在上面的代碼中，我們首先使用 echarts.init 方法初始化了一個 ECharts 實(shí)例，并將其綁定到 HTML 頁面的 main 元素上。然后，我們調(diào)用 myChart.getOption 方法獲取當(dāng)前圖表的配置信息，并將其轉(zhuǎn)化為 JSON 字符串。最后，我們使用 console.log 方法將 JSON 數(shù)據(jù)輸出到控制臺。

當(dāng)我們需要讀取保存的 JSON 數(shù)據(jù)時，只需要使用 JSON.parse 方法將字符串轉(zhuǎn)化為 JSON 對象，然后再通過 ECharts 進(jìn)行數(shù)據(jù)展示即可：

var myChart = echarts.init(document.getElementById('main'));
var jsonData = '{"title":{"text":"示例圖表"},"xAxis":{"data":["周一","周二","周三","周四","周五","周六","周日"]},"yAxis":{"type":"value"},"series":[{"name":"銷量","type":"bar","data":[80,90,70,60,80,100,120]}]}';
var option = JSON.parse(jsonData);
myChart.setOption(option);

在上面的代碼中，我們首先使用 echarts.init 方法初始化了一個 ECharts 實(shí)例，并將其綁定到 HTML 頁面的 main 元素上。然后，我們定義了一個 JSON 字符串 jsonData，其中包含了圖表的配置信息。接著，我們使用 JSON.parse 方法將字符串轉(zhuǎn)化為 JSON 對象，并將其通過 myChart.setOption 方法設(shè)置為圖表的配置信息。

總結(jié)一下，使用 ECharts 保存和讀取 JSON 數(shù)據(jù)非常簡單，只需要使用 JSON.stringify 將對象轉(zhuǎn)化為字符串，或使用 JSON.parse 將字符串轉(zhuǎn)化為對象即可。這種方式非常適合將圖表數(shù)據(jù)以 JSON 格式進(jìn)行存儲和傳輸。