Загрузка Данных

Pivot поддерживает как встроенные, так и внешние (в том числе серверные) данные в любом поддерживаемом формате: XML, JSON, JsArray и CSV.

Встроенные данные

Встроенные Данные (JSON)

var pivot_dataset = [
    {"name": "China", "year": 2005, "form": "Republic", "gdp": 181.357, "oil": 1.545},
    {"name": "China", "year": 2006, "form": "Republic", "gdp": 212.507, "oil": 1.732},
    //...
]

Чтобы загрузить встроенные данные во время инициализации компонента, используйте свойство data:

webix.ui({
    view:"pivot-chart",
    id:"pivot",
    data:pivot_dataset
});

Чтобы загрузить встроенные данные после инициализации компонента, например при срабатывании события, используйте функцию parse:

$$("pivot").parse(pivot_dataset);

Related sample:  Initialization with Inline Data

Внешние данные

Вне зависимости получаете ли вы данные из внешнего файла или с помощью скрипта на стороне сервера, вы должны использовать следующую схему:

  • Если вы загружаете данные во время инициализации компонента, укажите путь к файлу/скрипту как значение свойства url:
{
    view:"pivot-chart",
    url:"../load.php" // или "../data.json"
}
  • Если вы загружаете данные после инициализации компонента (например при срабатывании события), используйте функцию load:
$$("pivot").load("../load.php");
//or
$$("pivot").load("../data.json");

В целом, способы загрузки данных Pivot соответствуют стандартным правилам загрузки данных Webix.

Related sample:  Loading Data

Экспорт данных

Вы можете экспортировать результат в PDF, Excel и PNG форматы используя соответствующие методы - toPNG, toExcel и toPDF:

$$("pivot").toPDF();
$$("pivot").toExcel();
$$("pivot").toPNG();
Наверх
If you have not checked yet, be sure to visit site of our main product Webix javascript dashboard framework and page of javascript pivot grid product.