已解决;在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)
}
1 个回复
圣名科技 (作者)
已解决;在myChart.setOption前 设置option.tooltip.formatter 为函数;如下示例:
renderjs
在我们自己的js里用这个方法监听