Круговая диаграмма HighCharts не отображает все метки данных, она отключена

#html #highcharts

#HTML #диаграммы

Вопрос:

Я создаю круговую диаграмму, в которой я должен показывать любое количество данных. Теперь проблема в том, что она не отображает все метки данных. Вот что я получаю : введите описание изображения здесь

Пожалуйста, ознакомьтесь с примером jsfiddle: example

Возможным решением было бы уменьшить межстрочный интервал / расстояние между метками. Или любое другое решение?

Комментарии:

1. поделитесь jsfiddle с примером, и шансы того, что кто-то предоставит [рабочее] решение, будут выше

2. Нет метки, потому что для них недостаточно места. Пример

3. Спасибо за быстрый ответ. Я добавил ссылку на пример jsfiddle. Пожалуйста, посмотрите и дайте мне знать лучшее решение.

Ответ №1:

Метки данных не отображаются, потому что для них недостаточно места. Однако вы можете уменьшить размер шрифта и настроить padding = 0 его так, чтобы для них оставалось больше места.

Код:

 dataLabels: {
  padding: 0,
  style: {
    fontSize: '8px'
  }
}
 

ДЕМОНСТРАЦИЯ:

Ссылка на API:

Комментарии:

1. Спасибо @wojciech-chmiel, но все же она не отображает все метки данных. Я добавил пример jsfiddle. не могли бы вы посмотреть, пожалуйста?

2. Все метки данных не отображаются, поскольку для них недостаточно места. Кроме того, диаграмма будет нечитаемой и беспорядочной. Во всплывающей подсказке отображается дополнительная информация о каждой точке.

3. Всплывающая подсказка есть в моем коде, но я хочу распечатать эту диаграмму. Вот почему мне нужна каждая метка данных.

4. Я понимаю, так, может быть, будет лучше сгруппировать небольшие точки и показать их в детализации? Теперь диаграмма нечитаема. Вы можете распечатать две диаграммы с большими и меньшими данными, чтобы они были более аккуратными и пользователи могли их читать.

5. извините, но я не могу распечатать два графика, а также не могу сгруппировать небольшие точки и показать их в детализации