Arrow

Different styles of arrow tops.

Example of a basic card.

const n = {
  x: 180,
  y: 120,
  shapes: arrow.basic.shapes({ width: 16, height: 20 }, arrowStyle.normal),
},
graph.updateQueue(0, [[n]]);

Example of a vee style arrow.

const n1 = {
  x: 180,
  y: 120,
  shapes: arrow.vee.shapes({ width: 16, low: -6, high: 12 }, arrowStyle.normal),
};
const n2 = {
  x: 180,
  y: 240,
  shapes: arrow.vee.shapes({ width: 12, low: 6, high: 18 }, arrowStyle.normal),
};
graph.updateQueue(0, [[n1, n2]]);

Example of a triangle style arrow.

const n = {
  x: 180,
  y: 120,
  shapes: arrow.triangle.shapes({ width: 16, height: 20 }, arrowStyle.normal),
},
graph.updateQueue(0, [[n]]);

Example of a bullet style arrow.

const n = {
  x: 180,
  y: 120,
  shapes: arrow.bullet.shapes({ width: 12, height: 18 }, arrowStyle.normal),
},
graph.updateQueue(0, [[n]]);

Example of a blunt style arrow.

const n = {
  x: 180,
  y: 120,
  shapes: arrow.blunt.shapes({ width: 16, low: 12, high: 24 }, arrowStyle.normal),
},
graph.updateQueue(0, [[n]]);

Example of a dome style arrow.

const n = {
  x: 180,
  y: 120,
  shapes: arrow.dome.shapes({ width: 16, low: 12 }, arrowStyle.normal),
},
graph.updateQueue(0, [[n]]);

See the documentation below for a complete reference to all of the props and classes available to the components mentioned here.