Как показать путь, по которому я прошел, в детализированной диаграмме хай-чартов? - PullRequest
Новая
       12

Как показать путь, по которому я прошел, в детализированной диаграмме хай-чартов?

0 голосов
/ 05 февраля 2020

Я использую высокоуровневую детализированную диаграмму с несколькими уровнями, и я хотел бы показать пользователям, какой путь они прошли при детализации по диаграмме. Есть ли способ показать этот путь рядом с диаграммой? 

for example https://jsfiddle.net/crxmkgaz/

в этой скрипке, если я нажму Chrome, а затем на v63.0 путь должен выглядеть как chrome -> v63. 0, и должен обновляться, если пользователь углубляется.

ps: Я использую реагирование.

Заранее спасибо.

1 Ответ

0 голосов
/ 06 февраля 2020

Вы можете использовать события drilldown и drillup для добавления информации об уровне детализации, например, таким образом: 

chart: {
  type: 'pie',
  events: {
    drilldown: function(e) {
      var newEl = document.createElement('span');
      newEl.innerText = ' --> ' + e.seriesOptions.name

      path.appendChild(newEl);
    },

    drillup: function() {
      path.children[path.children.length - 1].remove();
    }
  }
}

Демонстрационная версия: https://jsfiddle.net/BlackLabel/8mLhy31p/

Справочник по API:

https://api.highcharts.com/highcharts/chart.events.drilldown

https://api.highcharts.com/highcharts/chart.events.drillup

...