Проблемы с размером сгенерированного AmCharts графика
У меня есть проблема, когда я генерирую круговую диаграмму с помощью Amchars, и этот график имеет много срезов, заголовок срезов скрыт рост Div, который содержит график.
Я ищу способ сделать эту саморегулирующуюся высоту.
Следуйте изображению ниже с проблемой:
Решение
К сожалению, ваши параметры довольно ограничены, так как круговая диаграмма старается изо всех сил не допускать перекрытия надписей, что может вызвать рендеринг вне границ, который вы испытываете.
Если вам нужно увидеть все метки, вы можете настроить один из или комбинацию labelRadius, startAngle а также pullOutRadius свойства, чтобы сделать больше места для диаграммы и меток.
labelRadius уменьшает расстояние меток от графика.
startAngle определяет, где круговая диаграмма начнет рисовать. Установка его в 0 заставит пирог начинаться и заканчиваться слева, где есть намного больше места для всех этикеток, помещенных в одном месте.
pullOutRadius определяет расстояние вытягивания ломтика при нажатии на него. Установка меньшего значения сделает диаграмму больше, а большая уменьшит ее. Это принимает либо строку процента, либо числовые значения.
Эксперимент с сочетанием этих настроек может привести к желаемому результату.
Если вы не хотите или должны видеть все метки, особенно для очень маленьких кусочков, таких как на скриншоте, подумайте о настройке hideLabelsPercent свойство в процентном пороговом значении, которого должны достичь ваши значения, чтобы установить метку. В вашем случае, 1.15 может быть достаточно, чтобы скрыть оставшиеся ярлыки, но я не могу сказать без возни с вашими данными.
Другие решения
Других решений пока нет …
detector