Echarts是一個非常優秀的數據可視化庫，支持多種圖表類型，包括柱狀圖、折線圖、餅圖、散點圖等等，而且它還能夠非常方便的處理本地json數據。下面是一個簡單的例子，展示如何使用Echarts顯示本地json數據。

// 引入Echarts庫文件
<script type="text/javascript" src="echarts.js"></script>//在html中插入一個帶有指定id的div，作為Echarts的容器
<div id="chart" style="width: 600px;height:400px"></div>//讀取本地json文件，并創建Echarts對象
var myChart = echarts.init(document.getElementById('chart'));
$.getJSON('data.json', function (data) {
// 使用指定的配置項和數據顯示圖表
myChart.setOption({
legend: {},
tooltip: {},
dataset: {
source: data
},
xAxis: {type: 'category'},
yAxis: {},
series: [
{type: 'bar'},
{type: 'bar'},
{type: 'bar'}
]
});
});

上面的代碼創建了一個指定id為“chart”的div，并使用Echarts將讀取的json數據渲染成了一個簡單的柱狀圖，在本例中，我們簡單的定義了一個帶有三列數據的json文件（data.json）：

[
['時間', '產品A', '產品B'],
['1月', 10, 20],
['2月', 15, 30],
['3月', 20, 40],
['4月', 25, 50],
['5月', 30, 60],
['6月', 35, 70]
]

如上例所示，該json數據文件包含了三列數據，其中第一行是數據列的標簽（也就是圖例），而每個后續的數據行代表了一個數據點（由x軸和y軸的值組合而成），該數據點所對應的x軸的值是該行的第一個數據，y軸的值則是剩余的數據。

上述代碼中使用了jQuery來讀取本地的json數據，因此，在使用之前需要先引入該庫文件。