Организационные диаграммы Highcharts - неправильно отображаются узлы

Question

мы пытались внедрить организационные диаграммы Highcharts в нашу систему. Однако при тестировании с нашими данными мы столкнулись с некоторыми проблемами:

• Некоторые узлы отображаются неправильно. Данные отображаются во всплывающей подсказке при наведении на узел, но сам узел остается пустым. • Соединительные линии между узлами отображаются неправильно. Это похоже на проблему с старшими диаграммами. css, так как удаление устраняет проблему с отображением.

Здесь вы можете найти пример нашей сборки:

Code: https://jsfiddle.net/more_paeg/0b52hajt/28/

Пожалуйста, сообщите нам что мы можем сделать, чтобы решить эти проблемы.

привет, Бьянка Медек

Answer 1

Ссылаясь на комментарии - спасибо, что поделились фотографией. Вот как выглядит ваш график на моем устройстве: https://imgur.com/a/1iJwC89

Я думаю, что это может быть проблема, связанная с этой ошибкой (которая уже исправлена ​​и будет доступна в npm после следующего выпуска): https://github.com/highcharts/highcharts/issues/13100

Попробуйте использовать предложенный обходной путь - Setting the series.dataLabels.allowOverlap forces labels to be displayed.

Демонстрация: https://jsfiddle.net/BlackLabel/4dskhf6r/

  plotOptions: {
    series: {
      dataLabels: {
        allowOverlap: true
      }
    }
  }

API: https://api.highcharts.com/highcharts/series.pie.dataLabels.allowOverlap