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