chart

определяет настройки для чарта в Pivot

object chart;

Example

webix.ui({
    view: "pivot",
    structure: {
        rows: ["form", "name"],
        columns: ["year"],
        values: [{ name: "oil", operation: ["max", "sum"] }],
    },
    chart: {
        type: "line",
        scale: "logarithmic",
        legend: {
            align: "right",
            valign: "middle"
        },
        xAxis: {
            lines: false
        },
        markers: "diamond"
    },
    // конфигурация 
});

Related samples

Details

Внутри объекта вы можете описывать любые настройки объекта конфигурации Chart. Базовые поля объекта:

  • type (string) - тип чарта
  • scale (string) - шкала чарта
  • legend (object) - легенда чарта. Дополнительные настройки для расположения легенды: legend.align ("left", "center", "right") и legend.valign ("top", "middle", "bottom").
  • scaleColor (string) - цвета шкалы. HEX код или название цвета("#999999", or "grey")
  • lines (boolean) - только для типа Radar. Если false, линии для осей не отображаются. По умолчанию true. Для других типов используйте следующие настройки:
    • xAxis.lines (boolean) - если false, линии оси X не отображаются
    • yAxis.lines (boolean) - если false, линии оси Y не отображаются
  • 3D (boolean) - задает 3D диаграмму (только для круговых диаграмм)
  • tooltips (boolean) - если false, тултипы не отображаются
  • labels (boolean) - если false, метки не отображаются
  • markers (string) - тип маркера. Возможные варианты:
    • "square"
    • "triangle"
    • "diamond"
    • "round"
  • fill (boolean) - только для типа Радар. Если false, график не заполняется цветом.
See also
Наверх