ECharts鼠標(biāo)事件

2018-08-29 13:58 更新

events.鼠標(biāo)事件  |  *


鼠標(biāo)事件的事件參數(shù)是事件對(duì)象的數(shù)據(jù)的各個(gè)屬性,對(duì)于圖表的點(diǎn)擊事件,基本參數(shù)如下,其它圖表諸如餅圖可能會(huì)有部分附加參數(shù)。例如餅圖會(huì)有 percent 屬性表示百分比,具體見各個(gè)圖表類型的 label formatter 回調(diào)函數(shù)的 params。

{
// 當(dāng)前點(diǎn)擊的圖形元素所屬的組件名稱,
// 其值如 'series'、'markLine'、'markPoint'、'timeLine' 等。
componentType: string,
// 系列類型。值可能為:'line'、'bar'、'pie' 等。當(dāng) componentType 為 'series' 時(shí)有意義。
seriesType: string,
// 系列在傳入的 option.series 中的 index。當(dāng) componentType 為 'series' 時(shí)有意義。
seriesIndex: number,
// 系列名稱。當(dāng) componentType 為 'series' 時(shí)有意義。
seriesName: string,
// 數(shù)據(jù)名,類目名
name: string,
// 數(shù)據(jù)在傳入的 data 數(shù)組中的 index
dataIndex: number,
// 傳入的原始數(shù)據(jù)項(xiàng)
data: Object,
// sankey、graph 等圖表同時(shí)含有 nodeData 和 edgeData 兩種 data,
// dataType 的值會(huì)是 'node' 或者 'edge',表示當(dāng)前點(diǎn)擊在 node 還是 edge 上。
// 其他大部分圖表中只有一種 data,dataType 無意義。
dataType: string,
// 傳入的數(shù)據(jù)值
value: number|Array
// 數(shù)據(jù)圖形的顏色。當(dāng) componentType 為 'series' 時(shí)有意義。
color: string
}

鼠標(biāo)事件包括 'click','dblclick','mousedown','mouseup','mouseover','mouseout','globalout','contextmenu'。

參見 ECharts 中的事件和行為

events.鼠標(biāo)事件.click   |  Event


events.鼠標(biāo)事件.dblclick   |  Event


events.鼠標(biāo)事件.mousedown   |  Event


events.鼠標(biāo)事件.mouseup   |  Event


events.鼠標(biāo)事件.mouseover   |  Event


events.鼠標(biāo)事件.mouseout   |   Event


events.鼠標(biāo)事件.globalout   |   Event

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)