iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 28
0
自我挑戰組

輕鬆Vue一下系列 第 28

Day28-v-charts/事件監聽

  • 分享至 

  • xImage
  •  

事件監聽

學會圖表生成後,接下來來介紹如何簡單地透過點擊圖表的方式來使用這些圖表中的資訊。
https://ithelp.ithome.com.tw/upload/images/20191014/20112076R3xIFGjLZz.jpg
它透過events屬性將chartEvents變數綁定,在chartEvents中,設定了click方法,它用來變更name變數的資料。其中e是點擊圖表後自動帶入的一個變數,它身上有著複雜的屬性。
點擊前:
https://ithelp.ithome.com.tw/upload/images/20191014/20112076GMYKH31wXX.jpg
當點擊1月3日後,因為觸發chartEvents屬性中所設定的click方法
因此name的值從空值變成1月3日,如下圖:
https://ithelp.ithome.com.tw/upload/images/20191014/20112076u4VakBfP3p.jpg
這樣關於v-charts中的事件監聽,相信大家都有了一個簡單的認識
明日預告:v-charts/實作(1)


上一篇
Day27-v-charts/平均線&最大值
下一篇
Day29-v-charts/實作(1)
系列文
輕鬆Vue一下30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言