需求:
雷达图的图例名称可点击,点击后文字有样式上的变化
暂时只能找到颜色的区分,如果有其他的可以修改字体的 多种样式 的方式,希望评论区分享
option = {
radar: {
indicator: [
// { name: 'name1', max: 100 }
],
triggerEvent: true // 注意:设置可点击!!!
}
}
radarChart.on('click', (info) => {
if (info.targetType === 'axisName') {
// 颜色区分,当前点击
option.radar.indicator = option.radar.indicator.map(item => {
return {
...item,
color: item.name === info.name ? '#F00' : ''
}
})
radarChart.setOption(this.option)
}
})