#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. извините, но я не могу распечатать два графика, а также не могу сгруппировать небольшие точки и показать их в детализации