常用配置項總結
每個圖表均配有對應的源代碼以及知識點~~~~ 詳情可點開對應的圖表學習!
Echarts常用圖表 鏈接 柱狀圖 https://blog.csdn.net/diviner_s/article/details/115936504 折線圖 https://blog.csdn.net/diviner_s/article/details/115951768 散點圖 https://blog.csdn.net/diviner_s/article/details/115957974 餅狀圖 https://blog.csdn.net/diviner_s/article/details/116015145 矢量地圖 https://blog.csdn.net/diviner_s/article/details/116019747 雷達圖 https://blog.csdn.net/diviner_s/article/details/116041140 儀表盤 https://blog.csdn.net/diviner_s/article/details/116072033 直角坐標系配置 https://blog.csdn.net/diviner_s/article/details/115961859
1.柱狀圖 bar
https://blog.csdn.net/diviner_s/article/details/115936504
series[].type 圖表型別 xAxis x軸 yAxis y軸 markPoint 最大值\最小值 markLine 平均值 label 顯示文本 barWidth 柱寬度
折線圖 line
https://blog.csdn.net/diviner_s/article/details/115951768
series[].type 圖表型別 xAxis x軸 yAxis y軸 markPoint 最大值\最小值 markLine 平均值 markArea 標注區域 smooth 平滑線 lineStyle 線條風格 areaStyle 風格x軸 boundaryGap 緊挨邊緣 scale 脫離0值比例
散點圖 scatter
https://blog.csdn.net/diviner_s/article/details/115957974
series[].type 圖表型別 xAxis x軸 yAxis y軸 symbolSize 散點大小 itemStyle 散點樣式 showEffectOn 顯示時機 rippleEffect 漣漪效果 scale 脫離0值比例
餅圖 pie
https://blog.csdn.net/diviner_s/article/details/116015145
series[].type 圖表型別 label 顯示文本 radius 半徑 roseType 餅圖型別 selectedMode 是否多選 selectedOffset 選中扇區偏移量
地圖 map
https://blog.csdn.net/diviner_s/article/details/116019747
series[].type 圖表型別 peo 地理坐標系組件 map 指明地圖資料 roam 開啟滑鼠拖動和縮放 zoom 平均值 center 圖表的中心點 label 是否顯示地區 geoIndex 指明關聯的geo組件 visualMap 視覺映射組件 coordinateSystem 使用坐標系統
雷達圖 radar
https://blog.csdn.net/diviner_s/article/details/116041140
series[].type 圖表型別 rader 雷達圖組件 indicator 雷達圖的指示器 label 文字 areaStyle 區域顏色 shape 雷達圖形狀
儀表盤 gauge
https://blog.csdn.net/diviner_s/article/details/116072033
series[].type 圖表型別 max 最大值 min 最小值 itemStyle 指標樣式
直角坐標系配置
https://blog.csdn.net/diviner_s/article/details/115961859
show 是否可見 borderWidth 邊框寬度 borderColor 邊框顏色 left 左邊 top 頂部 right 右邊 bottom 底部 width 寬度 height 高度
type 軸型別 data 資料 position 顯示位置
type 縮方塊型別 xAxisIndex x軸索引 yAxisIndex y軸索引 start 初始值 end 結束值
通用配置
textStyle 文字樣式 borderWidth 邊框寬度 borderColor 邊框顏色 borderRadius 邊框圓角 left 左邊 top 頂部 right 右邊 bottom 底部
trigger 觸發型別 triggerOn 觸發時機 formatter 內容自定義
saveAslmage 保存圖片 dataView 資料視圖 restore 重置 dataZoom 縮放 magicType 圖示轉換
data 圖例資料,需要和series資料中某組資料的name值一致