亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

雙擊echart標題時如何觸發事件

雙擊echart標題時如何觸發事件

達令說 2021-08-20 18:41:44
我試圖讓用戶可以通過雙擊來更改 echarts 標題。我遇到的主要問題是觸發事件。我在文檔中注意到他們沒有 Title 組件的實例,所以我想知道是否有可能觸發該事件。這個例子展示了幾種在圖表上捕捉事件的方法,但沒有一個包含圖表標題??紤]到這個例子,我想要做的是:myChart.on(ecConfig.EVENT.DBLCLICK.TITLE , eConsole);關于觸發此事件的任何建議?
查看完整描述

2 回答

?
MMTTMM

TA貢獻1869條經驗 獲得超4個贊

是的,你可以。只要您引用了您的圖表實例,您就可以獲取在您的圖表組件內發生的任何受支持的事件。


您必須title.triggerEvent通過將其設置為true(默認為false)來啟用。這將允許標題觸發事件。


然后在您的外部方法中,引用圖表實例并使用.on(eventName, function(params)). 該params對象將包含componentType字符串,該字符串將告訴您目標組件的名稱。您所要做的就是對其進行適當的檢查!


復制/粘貼此代碼以在官方在線編輯器上試用:


option = {

  title: {

    text: 'Click me',

    triggerEvent: true

  },

  xAxis: {

    type: 'category',

    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']

  },

  yAxis: {

    type: 'value'

  },

  series: [{

    data: [820, 932, 901, 934, 1290, 1330, 1320],

    type: 'line'

  }]

};


myChart.on('dblclick', params => {

  if (params.componentType === 'title') {

    console.log('title is double-clicked!')

  }

})

當您雙擊標題時,它會在控制臺中記錄此消息:


title is double-clicked!

由于有componentType支票,它只會在標題點擊時觸發。


要了解有關可能的事件類型和處理的更多信息,請查看文檔中的本章。


查看完整回答
反對 回復 2021-08-20
?
慕哥9229398

TA貢獻1877條經驗 獲得超6個贊

我真的不確定這是否可能,因為這是一個非常奇怪的特定并且(至少對于開發人員)無用。最好的辦法是檢測周圍 div 上的點擊并返回該點擊的位置。然后您將能夠確定點擊是否在正確的區域內,從而產生一個click on title事件。

希望這有幫助。


查看完整回答
反對 回復 2021-08-20
  • 2 回答
  • 0 關注
  • 511 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號