links

links data source

Example

webix.ui({
  view: "diagram",
  data: [/* blocks */],
  links: [
    {
      source: "1",
      target: "1.2",
      lineColor: "#2d9bf0"
    },
    // other links
  ]
});

Related samples

Links are loaded into Diagram via the links property. You can define it as a URL or as an array with links data objects:

{
  view:"diagram",
  links: "remote/data/links"
  // or 
  links: [
    /* link objects */
  ]
}

You can provide links in the XML format, but keep in mind that in this case

• you need to add the datatype property passing "xml" as its value
• both links and data need to be of the same format

webix.ui({
  view: "diagram",
  datatype: "xml",   links: "remote/links.xml"
  url: "remote/data.xml"
});

See the full list of properties inside the links data objects in this article.