New to Kendo UI for AngularStart a free 30-day trial

Complete mapping configuration for converting input data to diagram model.

Contains both shape and connection mapping configurations that define how to extract and transform data from the input object into the format required for diagram rendering.

Definition

Package:@progress/kendo-angular-diagrams

Syntax:

TS
const diagramMapping: DiagramMapping = {
  shapes: {
    source: 'orgChart.employees',
    map: {
      id: 'empId',
      content: (emp) => ({ text: emp.name, image: emp.photo }),
      x: 'position.x',
      y: 'position.y'
    }
  },
  connections: {
    source: 'orgChart.relationships',
    map: {
      from: 'managerId',
      to: 'employeeId'
    }
  }
};

Properties

In this article
DefinitionPropertiesconnectionsshapes
Not finding the help you need?
Contact Support