links

links data source

array|string links;

Example

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

Related samples

Diagram: Styling Links

Details

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.