给v-charts的饼状图加一个事件用来获取扇面的值

770 阅读1分钟

前言 :

产品需要我这个小白给处理数据的饼状图加一个点击事件,具体需求如下:

我对charts组件用的不熟,只了解数据结构,简单的使用,没办法,只好求教度娘。

过程

首先我用的charts组件是基于 echarts 封装的v_chart ,于是我简单看了下ecahrts的介绍,了解echarts 是可以绑定事件的,心中大定,于是直接翻看v-chart的官方文档,好简单,我直接就找到了事件的说明。 但当我兴致勃勃的点开参考文档,然而确实这样的。。 我陷入了沉思,官方文档也太简(fu)单(yan)了吧,心中长叹。 不过我确实知道了v-charts是可以通过events来绑定一个事件的。

没有思路,还得百度

我在这里绑定了一个chartEvents ,我刚开始以为他是一个事件,所以直接在methods 里写了一个chartEvents 方法,并尝试打印一下 parm 。。 然而控制台中打印了个寂寞,难道不是方法? 那是什么呢 最后我发现他其实是一个值,data 里的值。 大家向我这样写就ok了,没有放在 return 里,是放在外吗的一个值,并且直接使用click,就可以获取到点击的饼状图的扇面的值。就是这么简单。