New to KendoReactStart 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-react-diagram

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