问题1,
// 防刷新溢出父盒子,使用setTimeout
setTimeout(()=>{
this.drawLine('dataBar', this.echart_procuratorate_option);
});
},20);
问题2,
let myChart = echarts.init(document.getElementById(id));
myChart.off('click'); // 在绑定点击事件前关掉点击:
myChart.on('click', function (params) {
// 控制台打印数据的名称
console.log("柱状图点击:",params);
if(params.componentType == "xAxis"){
console.log("单击了"+params.value+"x轴标签");
}else{
console.log("单击了"+params.name+"柱状图");
}
备注: 图表执行点击事件时 componentType不同,返回的数据内容不同,比如以下两种:
1:x轴文字点击,x轴配置文件添加: triggerEvent:true,
点击事件判断componentType为xAxis,value为点击的x轴名字,
2,折线数据点或者柱状图柱子点击,componentType为series,
堆叠柱状图的每个小柱子都可触发点击。
折现统计图的数据点的点击事件也可做,判断componentType为series,取到其x轴对应name,对应图例名字seriesName,