Настройки для Pie Charts
Представление данных
Элементы темплейта берутся из определенного для компонента набора данных.
data=[{sales:"20", month:"Jan", color: "#ee3639"}]
- value ('#sales#') - элемент данных, используемый для графического представления. Его значения образуют сегменты ('pie');
- label ('#month#') - элемент данных, используемый для обозначения текстовых заголовков сегментов;
- labelOffset (number) - отступ между заголовком сегмента и границами диаграммы (по умолчанию
20px
);
- pieInnerText ('#sales#') - текстовое (или числовое) значение отображаемое на каждом сегменте;
- color ('#color#') - цвет каждого сегмента. Цвет может быть задан в наборе данных. Если значение не задано, будут использованы цвета по умолчанию.
Внешний вид и расположение
Эти настройки позволяют стилизовать вашу диаграмму, и не являются обязательными:
- radius (number) - радиус диаграммы;
- innerRadius - (number) - радиус внутренней окружности диаграммы;
- x (number) - горизонтальный отступ центра диаграммы от левой стороны родительского контейнера;
- y (number) - вертикальный отступ центра диаграммы от вeрхней границы родительского контейнера;
- gradient (boolean) - градиент цвета;
- shadow (boolean) - тени для компонента;
- cant (number) - определяет угол наклона трехмерного круга (по умолчанию от 0 до 1, 0.5).
Серии
Pie и Donut поддерживают серии. Подробнее о сериях читайте в этой статье.
Related sample: Pie Chart: Series
Назад к типам диаграмм
Наверх