Операции с данными Chart

Получить значение элемента

Вы можете получить value любого из элементов диаграммы следующим образом:

Получение value параметра year

$$("chart").attachEvent("onItemClick", function(id){
    id = this.getItem(id).year;
    alert(id);
});

Related sample:  Chart: Events

Добавление элементов

Чтобы добавить элемент, используйте метод add. Задайте объект данных нового элемента и его положение:

var counter = 12;
    function addNew () {
        $$("barChart").add({
            year:"'"+counter, 
            sales:"some_value"
        });
    counter++;
}

Кроме этого вы можете задать счетчик (counter), который устанавливает начальную позицию новых элементов для наблюдения за целостностью набора данных.

Удаление элементов

Чтобы удалить элемент или несколько элементов, передайте ID элемента (или массив ID элементов) функции remove.

$$("barChart").remove("item_id"); // удалить один элемент
 
$$("barChart").remove(["idA","idB","idC","idD"]); // удалить несколько элементов

Вы также можете удалить первый и последний элементы набора данных, для этого:

  • получите ID первого/последнего элемента используя соответствующий метод: getFirstId или getLastId
  • примените метод remove
function deleteFirst(){
    $$("barChart").remove($$("barChart").getFirstId());
}

Related sample:  Chart: Adding/Deleting Data Items

Подробнее о добавлении и удалении элементов.

Сортировка данных

Для сортировки используется метод sort, который принимает из исходного набора данных свойство способ сортировки (по возрастанию или по убыванию) в качестве параметра:

$$('chart').sort('#year#','desc');

Related sample:  Chart: Sorting

Фильтрация данных

Как правило, метод filter принимает в качестве параметра функцию. В функции вы указываете данные, которые хотите отфильтровать.

График отобразит только продажи, превышающие 50

function filter1(){
    $$('chart').filter(function(obj){
        return obj.sales >50;
    });
}

Related sample:  Chart: Filtering

Подробнее о правилах фильтрации и сортировки.

Наверх