ECharts的學習與使用

2021-10-04 15:12:57 字數 1306 閱讀 9150

一、提示框 tooltip

提示框觸發方式:trigger

trigger的值可以有:『item』、『axis』

item: 資料項圖形觸發,主要在散點圖,餅圖等無類目軸的圖表中使用

axis: 座標軸觸發,主要在柱狀圖,折線圖等會使用類目軸的圖表中使用

注:echarts 裡面的 類目軸 和 非類目軸是什麼意思?

提示框的格式:formatter

分為兩種模式:

第一種字串模板,請看官方文件

第二種自定義函式,params 是 formatter 需要的資料集

formatter: function (params) ,

官方解釋格式如下:

二、工具欄 toolbox

三、圖例 legend

如圖所示內容即為圖例

legend: ,
四、color

color 是用來設定圖例legend的顏色

legend: ,

// color 是用來設定圖例legend的顏色

color: ['#f56c6c', '#67c23a', '#e6a23c']

五、配置項 series

series 陣列元素與圖例legend對應

六、新增標識線 markline

]其他部落格

echarts屬性的設定(完整大全)

ecahrts圖表標題、圖例 、值域、提示框、區域縮放、網格、類目軸、數值型座標軸常用引數介紹

ECharts的研究與學習

echarts的學習和研究 首先用到的主要外掛程式有 echarts.min.js 該檔案必須放在當前目錄 1.根據文件說明,進行了乙個簡單的練習 注意 首先一定要引入外部js檔案,然後為echarts準備好乙個容器,根據具體需求進行 的完善。2.主要看了echarts 裡面的熱力圖和地圖的知識,其...

echarts 基本使用

最近專案中要做圖形報表,要求使用echarts實現,圖形報表有很多中實現之前也接觸過,但echarts還是頭一次聽說,正好可以趁這個機會好好學習一下它。之前不知道就不知道啦,現在知道了就了不得了,一下子喜歡上了echarts,今後專案中要是讓做報表我肯定首選echarts在沒有強制要求的前提下。主要...

Echarts外掛程式使用

echarts外掛程式使用 1 外掛程式引用 2 html 3 js 預設引數 defaultoption 1 線狀圖 景點echarts線狀圖 returns scenicchart function ydataroute 設定容器高寬 resizeworldmapcontainer 初始化景點門...