Практические руководства

Об общих правилах кастомизации читайте в этой статье.

Кастомная палитра для чарта

Чтобы определить для чарта кастомную палитру, создайте новый класс и наследуйте его от pivot.views["config/properties/values"]. Переопределите метод ItemConfig() таким образом, чтобы он возвращал конфиг с контролом ColorSelector:

class CustomValuesProperty extends pivot.views["config/properties/values"] {
  ItemConfig(val, i) {
    const config = super.ItemConfig(val, i);
    config[1].suggest = {
      padding: 0,
      type: "colorselect",
      body: {
        button: true,
      },
    };
    return config;
  }
}

Не забудьте переопределить класс по умолчанию с помощью свойства override:

webix.ui({
  view: "pivot",
  structure: {
    rows: ["form", "name"],
    columns: ["year"],
    values: [{ name: "oil", operation: ["min", "sum"] }],
  },
  override: new Map([
    [pivot.views["config/properties/values"], CustomValuesProperty],   ]),
});

Related sample:  Pivot: Custom Palette for Chart Mode

Бесконечное количество рядов

По умолчанию Pivot может обработать 10,000 рядов с данными. Вы можете увеличить это значение. Чтобы разрешить пивоту обрабатывать бесконечное число рядов, создайте новый класс и наследуйте его от pivot.services.LocalData. Из метода getLimits() необходимо возвращать объект с полями rows, columns, и raws, значениями которых является Infinity:

class MyData extends pivot.services.LocalData {
  getLimits() {
    return { rows: Infinity, columns: Infinity, raws: Infinity };
  }
}

Не забудьте переопределить класс по умолчанию с помощью свойства override:

webix.ui({
  view: "pivot",
  structure: {
    rows: ["form", "name"],
    columns: ["year"],
    values: [{ name: "oil", operation: ["min", "sum"] }],
  },
  override: new Map([[pivot.services.LocalData, MyData]]), });

Related sample:  Pivot: Data Limits

Наверх