Echarts雷达图中indicator的点击事件

1.要在radar图的文字上加点击事件!

2

    <div id="idname"></div>

给它宽度和高度

3

radarPart();
function radarPart( ) {
    var radarChart = echarts.init(document.getElementById('idname'));
    var radarOption = {
        title: {
            text: 'title'
        },
        legend: {
            data: ['name1', 'name2']
        },
        radar: {
            // shape: 'circle',
            name: {
                textStyle: {
                    color: '#fff',
                    backgroundColor: '#999',
                    borderRadius: 3,
                    padding: [3, 5]
                }
            },
            indicator: [
                { name: '销售', max: 6500},
                { name: '管理', max: 16000},
                { name: '信息技术', max: 30000},
                { name: '客服', max: 38000},
                { name: '研发', max: 52000},
                { name: '市场', max: 25000}
            ],
            triggerEvent: true
        },
        series: [{
            name: '预算 vs 开销（Budget vs spending）',
            type: 'radar',
            // areaStyle: {normal: {}},
            data : [
                {
                    value : [4300, 10000, 28000, 35000, 50000, 19000],
                    name : 'name1'
                },
                {
                    value : [5000, 14000, 28000, 31000, 42000, 21000],
                    name : 'name2'
                }
            ]
        }]
    };
    radarChart.setOption(radarOption);
    // ----- 点击切换事件
    radarChart.on('click', function (params) {
        console.log(params.name)
    });
}

4

主要是：

triggerEvent: true

然后，

radarChart.on('click', function (params) {
    console.log(params.name)
});