echarts是一款非常強大的可視化圖表類庫，通過它我們可以輕松地制作各種類型的圖表，如柱狀圖、散點圖、折線圖等，讓數據更加直觀、生動。

一般情況下，我們會將數據存儲在后端服務器中，并通過ajax等技術從服務器中獲取數據。但有時候我們也需要使用前端本地存儲的json數據來制作圖表，這就需要使用到echarts的 setOption 函數中的data屬性來設置。

以下是一個從本地加載json數據并制作折線圖的示例：

var myChart = echarts.init(document.getElementById('main'));
var option = {
title: {
text: '本地json數據示例'
},
tooltip: {
trigger: 'axis'
},
xAxis: {
type: 'category',
boundaryGap: false,
data: []
},
yAxis: {
type: 'value',
axisLabel: {
formatter: '{value} °C'
}
},
series: [{
name: '溫度',
type: 'line',
data: []
}]
};
$.getJSON("data.json", function(data) {
option.xAxis.data = data.date;
option.series[0].data = data.temp;
myChart.setOption(option);
});

首先，我們需要初始化echarts的實例 myChart，并設置一些常規的選項。為了從本地加載json數據，我們使用jQuery的getJSON方法，并將data.json文件作為參數傳遞進去。在success回調函數中，我們可以通過setOption函數來設置數據，將json數據分別賦值給option.xAxis.data 和 option.series[0].data 中對應的屬性中。最后調用myChart.setOption(option) 來渲染圖表。

上述代碼中用到了jQuery的AJAX方法，因此需要先引入jQuery庫。