setValues

задаёт новые значения для Diagram Editor

data

object

объект с полями данных

Example

const data = $$("diagram").serialize(true);
$$("editor").setValues(data);

Related samples

Метод принимает объект со следующими полями::

• data (array) - массив блоков
• links (array) - массив с данными ссылок
• shapes (array) - массив со всеми фигурами, которые используется в текущей диаграмме (вкл. фигуры по умолчанию и пользовательские фигуры)
• item (object) - набор настроек по умолчанию для блоков диаграммы, если их соответствующие индивидуальные настройки не заданы
• linkItem (object) - набор настроек по умолчанию для ссылок диаграммы, если их соответствующие индивидуальные настройки не заданы

const data = {
  data: [ 
    { id: "start", type: "circle", value: "start", x: 0, y: 80 },
    // другие блоки
  ],
  links: [
    { source: "start", target: "search", id: 132 },
    // другие ссылки
  ],
  shapes: [
    {
      backgroundColor: "#65C0B7", fontColor: "#fff",
      group: "block", id: "circle",
      lineColor: "#65C0B7", name: "Circle",
      svg: "svg_code"
    },
    // другие фигуры
  ],
  item: { 
    height: 50, width: 100
  },
  linkItem: { 
    arrowSize: 6, arrow: false, 
    mode: "edges", backgroundColor: "magenta"
  }
};
 
$$("editor").setValues(data);

Наверх