Element: <oj-diagram-link>

Oracle® JavaScript Extension Toolkit (JET)
7.1.0

F18183-01

Signature:

class ojDiagramLink

QuickNav

Attributes


PREVIEW: This is a preview API. Preview APIs are production quality, but can be changed on a major version without a deprecation path.

Version:
  • 7.1.0
Since:
  • 6.0.0
Module:
  • ojdiagram

Module usage

See JET Module Loading for an overview of module usage within JET.

Typescript Import Format
//To typecheck the element APIs, import as below.
import {ojDiagramLink} from "ojs/ojdiagram";

//For the transpiled javascript to load the element's module, import as below
import "ojs/ojdiagram";

JET In Typescript

A detailed description of working with JET elements and classes in your typescript project can be found at: JET Typescript Usage.

JET Diagram Link

The oj-diagram-link element is used to declare properties for diagram links and is only valid as the child of a template element for the linkTemplate slot of oj-diagram.


<oj-diagram link-data='[[linkDataProvider]]' node-data='[[nodeDataProvider]]'>
 <template slot='linkTemplate' data-oj-as='link'>
   <oj-diagram-link  startConnectorType='[[link.data.start]]' endConnectorType='[[link.data.end]]'>
   </oj-diagram-link>
 </template>
</oj-diagram>

Attributes

categories :Array.<string>

An array of category strings corresponding to this link. This allows highlighting and filtering of links. By default, the label is used as the link category.

color :string

The link color.

end-connector-type :"arrow"|"arrowConcave"|"arrowOpen"|"circle"|"none"|"rectangle"|"rectangleRounded"

Specifies the type of end connector on the link. Can take the name of a built-in shape.
Supported Values:
Value
"arrow"
"arrowConcave"
"arrowOpen"
"circle"
"none"
"rectangle"
"rectangleRounded"

end-node :any

Specifies the end node id.

label :string

Text used for the link label.
Default Value:
  • ""

label-style :(CSSStyleDeclaration|null)

The CSS style object defining the style of the diagram link label. The default values come from the CSS classes and varies based on theme.

selectable :"auto"|"off"

Specifies whether or not the link will be selectable.
Supported Values:
Value
"auto"
"off"
Default Value:
  • "auto"

short-desc :string

The text that displays in the link's tooltip.
Default Value:
  • ""

start-connector-type :"arrow"|"arrowConcave"|"arrowOpen"|"circle"|"none"|"rectangle"|"rectangleRounded"

Specifies the type of start connector on the link. Can take the name of a built-in shape.
Supported Values:
Value
"arrow"
"arrowConcave"
"arrowOpen"
"circle"
"none"
"rectangle"
"rectangleRounded"

start-node :any

Specifies the start node id.

svg-class-name :string

The CSS style class defining the style of the link.
Default Value:
  • ""

svg-style :CSSStyleDeclaration

The CSS style object defining the style of the link.
Default Value:
  • {}

width :number

The link width in pixels.