ECharts - 点击雷达的坐标轴标签

Question

我想在 ECharts 雷达（版本 4.4.0）的轴标签上设置点击事件：

我已经尝试了两件事：
- 尝试使用 API 文档中的现有事件。
- 寻找 radar.axisLabel.formatter 或 radar.axisLabel.rich 参数来创建可点击的元素/按钮并创建我自己的事件。

暂时还没有成功。

有没有简单的方法来做我想做的事？

感谢您的宝贵时间！

Answer 1

根据他们的 docs，雷达图的 triggerEvent 默认设置为 false。

要启用标签点击，请启用雷达组件的 triggerEvent：

radar: {
   name: {
      indicator: your_indicators,
      triggerEvent: true, <--- Set this to true
   },
}

然后利用JS/jQuery点击事件响应每个点击事件如下：

$(function () {
    myChart.on('click', function(params) {
       if (params.name == 'Your Label') {
          console.log(params.name);
       }
    });
});

如果您碰巧在标签中添加了换行符，请记住替换所有换行符和点击功能中的 trim 空格：

var label = params.name.replace(/(\r\n|\n|\r)/gm, "").trim();