Chart

Справочник по API

Обзор

Chart - это наследуемый от view компонент, который позволяет визуализировать данные в виде различных диаграмм: столбчатых, круговых и т.д. Как и любой другой компонент представления данных, Chart принимает исходные данные в различных форматах.

Для работы с большими объемами информации и детализации определенных фрагментов данных, используйте компонент RangeChart.

Инициализация

Инициализируя Chart необходимо указать свойства данных (type, template и value) и представления данных (например step для оси X в Bar Chart). Задайте ID для удобства дальнейшей работы с компонентом.

Инициализация Bar Chart

 webix.ui({
    view:"chart",
    type:"bar",
    value:"#sales#",
    color:"#f6960a",
    border:true,
    xAxis:{
        template:"'#year#"
    },
    yAxis:{
        start:0,
        end:100,
        step:10
    },
    data: dataset
});

Related sample:  Chart: XML Dataset

Полный список свойств Chart в Справочнике API.

Работа с Chart

Статьи по теме

Наверх