echarts雙折線(xiàn)重疊 如何使echarts的折線(xiàn)圖x軸隔兩個(gè)數(shù)據(jù)進(jìn)行顯示?
如何使echarts的折線(xiàn)圖x軸隔兩個(gè)數(shù)據(jù)進(jìn)行顯示?1. 創(chuàng)建折線(xiàn)圖的數(shù)據(jù)區(qū)(包括年份和數(shù)據(jù))2。僅選擇要?jiǎng)?chuàng)建折線(xiàn)圖的數(shù)據(jù)區(qū)域(插入選項(xiàng)卡/圖表工具組/折線(xiàn)圖)3。折線(xiàn)圖的X坐標(biāo)不符合要求。在圖表區(qū)域
如何使echarts的折線(xiàn)圖x軸隔兩個(gè)數(shù)據(jù)進(jìn)行顯示?
1. 創(chuàng)建折線(xiàn)圖的數(shù)據(jù)區(qū)(包括年份和數(shù)據(jù))2。僅選擇要?jiǎng)?chuàng)建折線(xiàn)圖的數(shù)據(jù)區(qū)域(插入選項(xiàng)卡/圖表工具組/折線(xiàn)圖)3。折線(xiàn)圖的X坐標(biāo)不符合要求。在圖表區(qū)域中單擊鼠標(biāo)右鍵,選擇“選擇數(shù)據(jù)”,然后進(jìn)入“選擇數(shù)據(jù)源”對(duì)話(huà)框4。單擊對(duì)話(huà)框右側(cè)水平分類(lèi)軸標(biāo)簽下方的“單擊“編輯”按鈕5。選擇對(duì)應(yīng)于x軸6的年份區(qū)域。單擊“確認(rèn)”更改圖表的x軸坐標(biāo)系列
1。首先,您需要導(dǎo)入eCart包。
2. 然后創(chuàng)建存儲(chǔ)在折線(xiàn)圖中的div,在這里您需要設(shè)置ID值和大小。
3. 然后設(shè)置JS方法來(lái)初始化圖表。
4. 初始化圖表后,您開(kāi)始設(shè)置選項(xiàng)的內(nèi)容。
5. 設(shè)置完內(nèi)容后,開(kāi)始設(shè)置圖表的值。
6. 這樣,圖表就被設(shè)置好了,但是接口沒(méi)有地方違反圖表,所以在打開(kāi)頁(yè)面時(shí)需要編寫(xiě)一個(gè)初始加載方法。
7. 運(yùn)行項(xiàng)目,打開(kāi)頁(yè)面,可以看到圖表效果。