echarts配置踩坑

2021-10-03 12:56:02 字數 1522 閱讀 9066

1、legend出不來

legend中data的值要對應series中的name,或者data中對應name

legend:

,series:[,

]

2、雙y軸設定,y軸陣列存放兩個物件,series中的yaxisindex屬性對應y軸

yaxis:[,

],series:[,

]

3、legend寬高屬性

itemwidth:15,

//圖例寬高

itemheight:

5,

4、grid可以調整圖表上下左右距離盒子距離

(比如y軸上面的name沒出來,可以將top調大,x軸name沒出來可以將right調大)

grid:

,

5、資料漸變色

series:[,

],global:

false

// 預設為 false

} barborderradius:11,

},}}

]

6、x軸文字顯示不全,三個字換行

axislabel:

, formatter:

function

(value)

return ret;

}else

}}

7、軸線、軸刻度隱藏

axisline:

,axistick:

,

8、legend自定義圖例圖示,react中需要以變數形式引入拼接在image://後面

import ***img from

'../../../assets/basicinfo/man.png'

import ***img1 from

'../../../assets/basicinfo/woman.png'

legend:

[ data:[,

icon:

'image://'

+ ***img //引用自定義的},

, icon:

'image://'

+ ***img1 //引用自定義的}]

,]

9、富文字

textstyle:

, a1:,}

},formatter:

function

(name)'}

}}

Vue axios配置踩坑記錄

避免誤導,先上親測可用的 axios封裝 src axios index.js import axios from axios import from iview import store from vuex store import from common api.config import qs...

nginx basic auth配置踩坑記

nginx的basic auth配置由ngx http auth basic module模組提供,對http basic authentication協議進行了支援,使用者可通過該配置設定使用者名稱和密碼對web站點進行簡單的訪問控制。basic auth配置示例 location 說明 踩坑的地...

webpack配置踩坑筆記

我package.json.js中的scripts配置 出現這一問題是因為webpack的版本問題,我出現這個問題時webpack的版本是webpack的版本是4.28.1,使用cnpm i webpack 4.3.0後就可以正常執行了 github上有相關的討論 這個問題看似是在檔案中少了乙個括號...