溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

echarts的使用

發(fā)布時(shí)間：2020-07-18 22:09:45 來源：網(wǎng)絡(luò) 閱讀：716 作者：烏英達(dá)姆 欄目：開發(fā)技術(shù)

  總結(jié)一下關(guān)于echarts使用的一些東西。echarts很強(qiáng)大，一般情況下我們參照官方網(wǎng)站的文檔就可以解決，但是有些還是需要記錄一下。如何使用echarts呢，大概步驟如下：


1 引入echarts的包。我這里引用的是比較早的文件：

echarts的使用

2 準(zhǔn)備要顯示圖標(biāo)的容器，我這里使用的是div

<div id="hart1" ></div>

3 準(zhǔn)備數(shù)據(jù)。這一步準(zhǔn)備好你將要顯示的數(shù)據(jù)，數(shù)據(jù)的格式應(yīng)該使用echarts要求的格式，例如：

['value1','value2','value3','value4','value5']

4 綁定數(shù)據(jù)并顯示。綁定數(shù)據(jù)的時(shí)候如果數(shù)據(jù)源的格式不是echarts要求的格式必須進(jìn)行轉(zhuǎn)換。例如數(shù)據(jù)源是這樣的：

"value1","value2","value3","value4"

但是綁定到echarts的data就是不顯示，可以使用如下方法解決：

series : [
        {
             name:'測試數(shù)據(jù)',
             type:tblx,
             data:(function (){
             var res = [];
             for(var i=0;i<dataDysl.length;i++){
              res.push(dataDysl[i]);
             }
             return res;
           })(),
           itemStyle : {
             normal : {
             color : '#00B0F0'
           }
         }
        }
     ]


向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手