series[i]-gauge 用于表示ECharts儀表盤，當(dāng)您要使用ECharts儀表盤的時候，需要將series中的type屬性設(shè)置為“ 'gauge' ”，本節(jié)介紹了ECharts儀表盤的一些通用屬性，其中，您可以通過data屬性來設(shè)置指針的指示方向。本節(jié)以一個簡單的儀表盤實例開始，如下所示：

點擊編輯實例 》》

ECharts儀表盤屬性

type

type 屬性的值應(yīng)該設(shè)置為：'gauge'

name

系列名稱，用于tooltip的顯示，legend 的圖例篩選，在 setOption 更新數(shù)據(jù)和配置項時用于指定對應(yīng)的系列。

radius

儀表盤半徑，可以是相對于容器高寬中較小的一項的一半的百分比，也可以是絕對的數(shù)值，默認(rèn)的值為 75%。

{{ use partial-legend-hover-link }}

startAngle

儀表盤起始角度，默認(rèn)為 225。圓心 正右手側(cè)為0度，正上方為90度，正左手側(cè)為180度。

endAngle

儀表盤結(jié)束角度，默認(rèn)情況下為 -45。

clockwise

儀表盤刻度是否是順時針增長，默認(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)記圖表中某個范圍的數(shù)據(jù)，例如標(biāo)出某段時間投放了廣告。

silent

圖形是否不響應(yīng)和觸發(fā)鼠標(biāo)事件，默認(rèn)為 false，即響應(yīng)和觸發(fā)鼠標(biāo)事件。

animation

儀表盤是否開啟動畫，默認(rèn)為true。

animationThreshold

是否開啟動畫的閾值，當(dāng)單個系列顯示的圖形數(shù)量大于這個閾值時會關(guān)閉動畫。默認(rèn)閾值為2000。

animationDuration

初始動畫的時長，默認(rèn)時長為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ù)更新動畫的時長。默認(rèn)情況下為 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儀表盤實例

模擬汽車儀表盤：點擊查看汽車儀表盤實例

網(wǎng)站欄目：創(chuàng)新互聯(lián)ECharts教程：ECharts儀表盤屬性與使用
當(dāng)前鏈接：http://uogjgqi.cn/article/djedgci.html