Я использую Google Charts (тип пончика) для отображения данных в нашем приложении. Я заметил, что когда ярлык не поместится на кусочке пирога, он не отобразится. Я проверял интернет и их документацию, но я не мог найти способ манипулировать ярлыками, чтобы обернуть текст или отобразить все время.
Метка для желтого фрагмента ниже не отображается.Как показать все ярлыки в диаграмме пончиков в диаграммах Google
ответ
Она не показывает процентную этикетку, если срез составляет менее 5% (это число варьируется в зависимости от размера и ширины вашей пи графика, но это 5% в этом примере).
На рисунке ниже зеленый цвет составляет 5%, а фиолетовый - 4,9%.
Вот некоторые идеи о том, как справиться с этим:
1) Добавить следующие опции для вашего options
объекта. Он будет сочетать все с менее чем 5% в одну разную категорию, которая будет помечена.
sliceVisibilityThreshold: 0.05,
pieResidueSliceLabel: "Other",
2) Уменьшить размер шрифта. Он по-прежнему не будет показывать ярлыки, на которые он не может поместиться, но он будет показывать больше ярлыков, потому что он сможет поместиться.
pieSliceTextStyle: {
color: 'black',
fontSize:11
},
3) Введите области отчаянной повозка, запряженная волами и установить размер шрифта в options
, что крошечная, так что все они делают, а затем использовать CSS, чтобы сделать эти ярлыки большой снова. Однако, поскольку они не подходят, и поскольку интервал все испорчен, он будет выглядеть как мусор.
pieSliceTextStyle: {
color: 'black',
fontSize:0.5
},
CSS
svg g text{
font-size:11px !important;
}
- 1. Проблема в полукруглой диаграмме пончиков
- 2. Как заполнить одно значение в «Диаграмме пончиков»
- 3. Использование разных данных в одной диаграмме пончиков
- 4. Графики Google: ярлыки на диаграммах отменены
- 5. Скрыть ярлыки в круговой диаграмме
- 6. Создание диаграммы пончиков Как и Google Fit
- 7. Почему ярлыки исчезают в диаграммах ASP.NET?
- 8. Ссылки на ярлыки на круговых диаграммах Highcharts
- 9. Сверните в диаграммах Google
- 10. Ярлыки на диаграмме отрубаются
- 11. Показать месяц в диаграмме google hAxis
- 12. Показать все значения в диаграмме Санки
- 13. Тренды в диаграммах Google
- 14. можем ли мы сделать вложенные диаграммы пончиков в высоких диаграммах?
- 15. Blogger - Показать все ярлыки сообщения, используя javascript
- 16. Как показать все значения на оси datetime в высоких диаграммах?
- 17. Как отображать ярлыки на круговой диаграмме
- 18. Как разместить ярлыки на круговой диаграмме dc.js?
- 19. Как скрыть ярлыки в высоких диаграммах в пироге
- 20. Как настроить категорию фильтра в диаграммах Google
- 21. Ярлыки, перекрывающиеся в круговой диаграмме отчета о яшме
- 22. Как назначить определенные цвета элементам данных в диаграмме пончиков в Угловой диаграмме?
- 23. Легенда для каждой точки в столбчатой диаграмме в высоких диаграммах
- 24. Показать a £ знак в диаграммах Coldfusion
- 25. Добавить ярлыки на столбик в диаграмме d3
- 26. Ярлыки на линейной диаграмме d3
- 27. Как показать ярлыки со спутника в Картах Google
- 28. PHP-массив в диаграммах Google
- 29. Как добавить ярлыки данных в диаграмму Google
- 30. Диаграммы Google показать все метки
Большое спасибо! Я не знал о менее чем 5%. Определенно попробуем это. – JADE