折線圖
為了表現兩條折線的區別，往往需要用顏色填充兩條折線之間的區域，那麽如何實現這種效果呢？
直接使用折線圖是沒有辦法實現這個功能的，但是通過面積圖做壹些設置就可以達到這個效果，如下例所示:
對於以下數據，先添加壹個輔助列(兩列之差):
選擇第壹列數據和輔助系列，並插入堆積面積圖。
選擇下面的面積圖，用無色填充。
右鍵單擊圖表，選擇源數據，並將第二列數據(B列)添加到圖表中。
右鍵單擊圖表，然後單擊更改系列圖表格式，將新添加的系列設置為組合中的折線圖。
單擊新添加的折線圖，更改顏色和寬度，折線圖會出現交叉和陰影。
如何用Echarts制作標準折線圖我們經常用Echarts制作各種圖表，那麽如何用e charts制作標準折線圖呢？讓我給妳演示壹下。
01
首先打開SublimeText軟件，新建壹個HTML文檔，將下圖所示的HTML結構添加到文檔中。
02
接下來，使用scripts標簽將echarts的庫文件引入HTML，如下圖所示。
03
然後我們在body標簽中創建壹個div區域來存儲折線圖，如下圖所示。註意設置div的高度。
04
接下來，我們通過echarts的init方法初始化剛剛創建的div區域，如下圖所示。
05
然後我們設置折線圖的參數，包括X軸和Y軸的數據以及折線圖的標題，如下圖所示。
06
接下來在series參數中設置折線圖需要的數據，如下圖所示，壹條折線配置壹個大括號。
07
設置好參數和數據後，我們調用echarts的setOption方法將內容填充到折線圖顯示區，如下圖所示。
08
最後，當我們運行HTML文件時，我們可以看到如下圖所示的標準折線圖。單擊頂行標題隱藏或顯示該行。
Vue-ele中echart折線圖的動態顯示和修改< line chart:reports list = " reports list " _-if = "(reports list)。長度"/>；
data(){
返回{
報告列表:{}，
};
},
已創建(){
reports get(" reports/type/1 ")。然後((RES)= & gt；{
(RES)；
設{meta，data } =；
if(==200){
=數據；
}否則{
這個。$();
}
});
},
data(){
返回{
行列表:{}，
};
},
道具:{
報告列表:{
類型:對象，
默認值:()= & gt{
返回{
標題:{
正文:“折線圖”，
},
工具提示:{}，
xAxis:{
axis label:{間隔:0，旋轉:0，邊距:15}，
數據:，
},
],
};
},
},
},
已安裝(){
varmyChart=(這個。$);
=(());
={
正文:“折線圖”，
};
/*設置折線圖的上下左右距離*/
='10%';
[0].axisLabel=
{間隔:0，旋轉:30，邊距:15 }；
={
頂:“30%”，
寬度:“80%”，
身高:“50%”，
左:“20%”，
};
/*刪除折線圖所屬的區域*/
(r = & gt{
deleter.areaStyle
r.smooth=true
})
();
= myChart
},
};