Настройки для 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).

Назад к типам диаграмм

Наверх