echarts饼图点击事件var option = {
tooltip: {
show: false
},
backgroundColor: '#0e1d3c',
series: [
{
name: '访问来源',
type: 'pie',
radius: ['50%', '70%'],
avoidLabelOverlap: false,
itemStyle:{
normal: {
//每个饼状图颜⾊设置
color: function(params) {
var colorList = color;
return colorList[params.dataIndex];
}
}
},
label: {
normal: {
show: true,
position: 'center',
formatter: function (data) {
return data.name ? '{gray|' + data.name + '}{green|家}' : '';
},
rich: {
gray: {
color: 'white',
fontSize: 20
},
green: {
color: 'white',
fontSize: 12
}
}
},
emphasis: {
show: true,
textStyle: {
fontSize: '30',
fontWeight: 'bold'
}
},
param name},
labelLine: {
normal: {
show: false
}
},
data: [
{value: param.num, name: ''},
{value: 100 - param.num, name: 100 - param.num},
]
}
]
};
var myChart = echarts.init(param.dom, 'dark', {
renderer: 'canvas'
});
myChart.setOption(option);
圆柱图上添加点击事件
<("click", pieConsole);
function pieConsole(param) {
//    获取data长度
alert(option.series[0].data.length);
//      获取地N个data的值
//  　alert(option.series[0].data[i]);
//    获取series中param.dataIndex事件对应的值
alert(param.value);
alert(param.name);
alert(option.series[param.seriesIndex].data[param.dataIndex].value);
alert(option.series[param.seriesIndex].data[param.dataIndex].name);
//  　clickFunc(param.dataIndex);//执⾏点击效果，触发相应js函数
//param具体包含的⽅法见 blog.csdn/allenjay11/article/details/76033232
//刷新页⾯
/
/ load();
// load();        }

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。