ECharts-单击雷达的轴标签

Question

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

我已经尝试了2件事：
-尝试使用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 click事件来响应每个click事件，如下所示：

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

如果您确实想在标签上添加换行符，请记住替换所有换行符并在click函数中修剪空白：

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