ECharts - нажмите на метки осей радара.

Я хочу установить событие щелчка на метках осей на радаре ECharts (версия 4.4.0): введите описание изображения здесь

Я уже пробовал 2 вещи:
- Попытка использовать существующее событие в документации API.
- Ищем параметры radar.axisLabel.formatter или radar.axisLabel.rich, чтобы создать интерактивный элемент / кнопку и создать собственное событие.

Пока безуспешно.

Есть ли простой способ делать то, что я хочу?

Спасибо за уделенное время!


echarts
person gb_nova_dev    schedule 25.11.2019    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Согласно их документам, для triggerEvent установлено значение false < / em> по умолчанию для радарных диаграмм.

Чтобы разрешить щелчок по меткам, включите 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);
       }
    });
});

Если вы действительно добавляете разрывы строк к своим меткам, не забудьте заменить все разрывы строк и обрезать пустые места в вашей функции щелчка:

var label = params.name.replace(/(\r\n|\n|\r)/gm, "").trim();
person ZPeh    schedule 13.03.2020
comment
Закройте, triggerEvent: true должно быть на том же уровне, что и свойство name. Но это было решение! Большое тебе спасибо. - person gb_nova_dev; 09.09.2020