圣名科技
圣名科技
  • 发布:2021-02-26 11:54
  • 更新:2021-03-12 17:00
  • 阅读:974

#插件讨论# 【 renderjs-echarts-demo - 猫猫猫猫 】如何使用点击事件获取点击中的值?

分类:uni-app

请问如何获取当前点击数据的参数(例如name,value等)?
请问 使用renderjs-echarts 怎么使用echarts自带的那些点击事件啊?

2021-02-26 11:54 负责人:无 分享
已邀请:
圣名科技

圣名科技 (作者)

已解决;在myChart.setOption前 设置option.tooltip.formatter 为函数;如下示例:
renderjs

initEcharts() {  
    myChart = echarts.init(document.getElementById('landscape'))  
        this.option.tooltip.formatter = function(params) {  
            var clickData = params;  
            console.log(params)  
            let returnData =''  
            for (let i=0;i<params.length;i++){  
                if (params[i].seriesName!=""){  
                let indexColor = params[i].color;  
                returnData += '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background:'+ indexColor +'"></span>';  
                returnData += '(x='+params[i].name+',y='+params[i].value + ")</br>";  
             }  
         }  
        return returnData;  
    }  
    // 观测更新的数据在 view 层可以直接访问到  
    myChart.setOption(this.option)  
},  
updateEcharts(newValue, oldValue, ownerInstance, instance) {  
    // 监听 service 层数据变更  
    myChart.setOption(newValue)  
},  
onClick(event, ownerInstance) {  
    // 调用 service 层的方法  
    ownerInstance.callMethod('onViewClick', {  
        data:clickData   
    })  
}

在我们自己的js里用这个方法监听

onViewClick(params) {  
    console.log(params)  
}

该问题目前已经被锁定, 无法添加新回复