Как сделать расширенную круговую диаграмму в диаграммах ngx в angular2 по вертикали?

Я новичок в angular js, раньше я легко настраивал стиль в css, но здесь я не мог

Я использую расширенную круговую диаграмму ngx-charts, и мне нужно сделать результаты вертикально, как я могу это сделать?

например, вложение здесь: результаты по горизонтали

показывает результаты по горизонтали, но мой div имеет небольшую ширину и большую высоту, поэтому мне нужно переместить результаты под круговую диаграмму.

Спасибо.


person Reema Alhassan    schedule 05.08.2018    source источник
comment
У меня вопрос по отображению расширенной круговой диаграммы на ipad. Значения диаграммы - Нан?   -  person mohamed zerdan    schedule 08.10.2019


Ответы (2)


У меня была такая же проблема. В свой файл styles.css (или styles.scss) поместите этот код:

.advanced-pie-legend .legend-items-container .legend-items {
  overflow: initial !important;
}

после решения

для меня работает нормально.

person renearaujo    schedule 08.08.2018

Результат

Используйте отображаемую переменную для управления. Добавьте этот код в свой файл стиля css.

.advanced-pie-legend .legend-items-container .legend-items .legend-item {
    display: inherit !important;
}

Добавьте, если вам кажется, что область результата слишком большая. Вы можете контролировать это здесь.

.advanced-pie-legend {
    width: 15rem !important;
}
person 許聖泉    schedule 22.11.2018