小程序 echarts組件 圖表 監聽點擊事件 觸摸事件 （組件： uni-ec-canvas）

組件下載：

鏈接：https://pan.baidu.com/s/1Q43zRCQeauSsOpAknx98Bw
提取碼：5vls

有修改了原組件。

調用：

import uniEcCanvas from "@/components/uni-ec-canvas/uni-ec-canvas";

 

tapIndex：點擊或者觸摸了哪一項，

<uni-ec-canvas
     v-on:tapIndex="tapIndex2"
     class="uni-ec-canvas"
     id="line-chart1"
     canvas-id="multi-charts-line"
     :ec="ec2">
</uni-ec-canvas>

方法

tapIndex2(e) {
   console.log(e);//e是點擊
 },

圖表初始化  echarts對應屬性沒變，只是設置漸變無效，這個功能還在修改中

ec2: {
                    option: {
                        tooltip: {
                            formatter: '{a} <br/>{b} : {c}%'
                        },
                        toolbox: {
                            feature: {
                                restore: {},
                                saveAsImage: {}
                            }
                        },
                        series: [{
                            name: '業務指標',
                            type: 'gauge',
                            detail: {
                                formatter: '{value}%'
                            },
                            data: [{
                                value: 50,
                                name: '完成率'
                            }]
                        }]
                    }
                },