echarts是一款優秀的數據可視化工具，可以用于制作各式各樣的圖表。本文將介紹如何使用echarts折線圖讀取json數據。

首先，我們需要準備一個json文件，里面包含我們想要展示在圖表上的數據。假設我們的json文件是這樣的：

{
"xAxis": ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
"yAxis": [820, 932, 901, 934, 1290, 1330, 1320]
}

接著，我們需要在HTML文件中引入echarts的庫文件，以及我們自己寫的Javascript文件。代碼如下：

然后，在Javascript文件中，我們需要使用ajax讀取json文件數據。代碼如下：

var xhr = new XMLHttpRequest();
xhr.open('GET', '路徑/文件名.json');
xhr.onreadystatechange = function () {
if (xhr.readyState === 4) {
if (xhr.status === 200) {
var data = JSON.parse(xhr.responseText);
drawChart(data);
} else {
console.log('Error');
}
}
};
xhr.send();

這段代碼中，我們使用了ajax的GET請求，讀取json文件中的數據，并進行了數據解析。最后通過drawChart函數將數據傳遞給echarts折線圖進行渲染。

下面是完整的Javascript文件的代碼：

function drawChart(data) {
var myChart = echarts.init(document.getElementById('chart'));
var option = {
xAxis: {
type: 'category',
data: data.xAxis
},
yAxis: {},
series: [{
name: 'Sales',
type: 'line',
data: data.yAxis
}]
};
myChart.setOption(option);
}
var xhr = new XMLHttpRequest();
xhr.open('GET', '路徑/文件名.json');
xhr.onreadystatechange = function () {
if (xhr.readyState === 4) {
if (xhr.status === 200) {
var data = JSON.parse(xhr.responseText);
drawChart(data);
} else {
console.log('Error');
}
}
};
xhr.send();

最后，在HTML文件中需要添加一個用于展示圖表的div元素，代碼如下：

這就是使用echarts折線圖讀取json數據的完整過程。希望對大家有所幫助。