建站
咨詢
售后
建站咨詢
新聞中心
series[i]-gauge 用于表示ECharts儀表盤，當(dāng)您要使用ECharts儀表盤的時(shí)候，需要將series中的type屬性設(shè)置為“ 'gauge' ”，本節(jié)介紹了ECharts儀表盤的一些通用屬性，其中，您可以通過(guò)data屬性來(lái)設(shè)置指針的指示方向。本節(jié)以一個(gè)簡(jiǎn)單的儀表盤實(shí)例開(kāi)始，如下所示：
點(diǎn)擊編輯實(shí)例 》》
ECharts儀表盤屬性
typetype 屬性的值應(yīng)該設(shè)置為：'gauge'
name系列名稱，用于tooltip的顯示，legend 的圖例篩選，在 setOption 更新數(shù)據(jù)和配置項(xiàng)時(shí)用于指定對(duì)應(yīng)的系列。
radius儀表盤半徑，可以是相對(duì)于容器高寬中較小的一項(xiàng)的一半的百分比，也可以是絕對(duì)的數(shù)值，默認(rèn)的值為 75%。
{{ use partial-legend-hover-link }}
startAngle儀表盤起始角度，默認(rèn)為 225。圓心 正右手側(cè)為0度，正上方為90度，正左手側(cè)為180度。
endAngle儀表盤結(jié)束角度，默認(rèn)情況下為 -45。
clockwise儀表盤刻度是否是順時(shí)針增長(zhǎng)，默認(rèn)為 true。
min最小的數(shù)據(jù)值，默認(rèn)為0，映射到 minAngle。
max最大的數(shù)據(jù)值，默認(rèn)為100，映射到 maxAngle。
splitNumber儀表盤刻度的分割段數(shù)，默認(rèn)分割為10段。
axisLine儀表盤軸線相關(guān)配置。
splitLine儀表盤分隔線樣式。
axisTick儀表盤中刻度的樣式。
axisLabel設(shè)置儀表盤的刻度標(biāo)簽。
pointer儀表盤指針。
itemStyle儀表盤指針樣式。
title儀表盤標(biāo)題。
detail儀表盤詳情，用于顯示數(shù)據(jù)。
markPoint儀表盤圖表的標(biāo)注。
markLine儀表盤圖表的標(biāo)線。
markArea儀表盤圖表標(biāo)域，常用于標(biāo)記圖表中某個(gè)范圍的數(shù)據(jù)，例如標(biāo)出某段時(shí)間投放了廣告。
silent圖形是否不響應(yīng)和觸發(fā)鼠標(biāo)事件，默認(rèn)為 false，即響應(yīng)和觸發(fā)鼠標(biāo)事件。
animation儀表盤是否開(kāi)啟動(dòng)畫，默認(rèn)為true。
animationThreshold是否開(kāi)啟動(dòng)畫的閾值，當(dāng)單個(gè)系列顯示的圖形數(shù)量大于這個(gè)閾值時(shí)會(huì)關(guān)閉動(dòng)畫。默認(rèn)閾值為2000。
animationDuration初始動(dòng)畫的時(shí)長(zhǎng)，默認(rèn)時(shí)長(zhǎng)為1000，支持回調(diào)函數(shù)，可以通過(guò)每個(gè)數(shù)據(jù)返回不同的 delay 時(shí)間實(shí)現(xiàn)更戲劇的初始動(dòng)畫效果：
animationDuration: function (idx) {
// 越往后的數(shù)據(jù)延遲越大
return idx * 100;
}animationEasing初始動(dòng)畫的緩動(dòng)效果。不同的緩動(dòng)效果可以參考 緩動(dòng)示例。
animationDelay初始動(dòng)畫的延遲，支持回調(diào)函數(shù)，可以通過(guò)每個(gè)數(shù)據(jù)返回不同的 delay 時(shí)間實(shí)現(xiàn)更戲劇的初始動(dòng)畫效果。
如下示例：
animationDelay: function (idx) {
// 越往后的數(shù)據(jù)延遲越大
return idx * 100;
}也可以看該示例
animationDurationUpdate數(shù)據(jù)更新動(dòng)畫的時(shí)長(zhǎng)。默認(rèn)情況下為 300。
支持回調(diào)函數(shù)，可以通過(guò)每個(gè)數(shù)據(jù)返回不同的 delay 時(shí)間實(shí)現(xiàn)更戲劇的更新動(dòng)畫效果：
animationDurationUpdate: function (idx) {
// 越往后的數(shù)據(jù)延遲越大
return idx * 100;
}animationEasingUpdate數(shù)據(jù)更新動(dòng)畫的緩動(dòng)效果。
animationDelayUpdate數(shù)據(jù)更新動(dòng)畫的延遲，支持回調(diào)函數(shù)，可以通過(guò)每個(gè)數(shù)據(jù)返回不同的 delay 時(shí)間實(shí)現(xiàn)更戲劇的更新動(dòng)畫效果。
如下示例：
animationDelayUpdate: function (idx) {
// 越往后的數(shù)據(jù)延遲越大
return idx * 100;
}也可以看該示例
tooltip本系列特定的 tooltip 設(shè)定。
更多ECharts儀表盤實(shí)例
模擬汽車儀表盤：點(diǎn)擊查看汽車儀表盤實(shí)例
網(wǎng)頁(yè)名稱：創(chuàng)新互聯(lián)ECharts教程：ECharts儀表盤屬性與使用
標(biāo)題網(wǎng)址：http://www.dlmjj.cn/article/djedgci.html
