一、提示框 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 初始化景點門...