Interface: ChordTraceLink
The links: ribbons between the arcs.
Properties
| Property | Type | Default value | Description |
|---|---|---|---|
arrowlen? | number | 0 | With directed: length of the arrowhead the target end of every ribbon is drawn as, in CSS px; 0 draws the ends flat. Minimum: 0 |
color? | PerPointColor | undefined | Ribbon color, or one per link. Default: the color of a node of the link (link.colorsource). |
colorsource? | "source" | "target" | "gradient" | "source" | Which node a ribbon without a link.color takes its color from: its 'source', its 'target', or both ('gradient': from the source's color at one end to the target's at the other, in steps along the ribbon). |
customdata? | DataColumn | undefined | Extra data per link for %{customdata} and events. |
gap? | number | 2 | Space between the ring and the ends of the ribbons, in CSS px. Minimum: 0 |
hovercolor? | PerPointColor | undefined | Ribbon color while it (or a node it connects) is hovered, or one per link. Default: the ribbon color, a quarter more opaque. The other ribbons are dimmed meanwhile. |
hoverinfo? | "all" | "none" | "skip" | "all" | Hover of the ribbons: labels ('all'), highlighting without labels ('none') or no hover and no events ('skip'). Default: the trace hoverinfo. |
hovertemplate? | string | undefined | Template of the link hover labels: %{label}, %{value} (formatted with valueformat and valuesuffix), %{reverse} (the flow back, for a pair of matrix cells drawn as one ribbon), %{percent} (share of the total flow), %{source.label}, %{target.label}, %{color}, %{customdata}. <extra>…</extra> replaces the value box. |
label? | DataColumn | undefined | Link labels, shown in hover labels. |
opacity? | number | 0.6 | Opacity of the ribbons (multiplies their color's own). Range: 0 – 1 |
sort? | "input" | "value" | "position" | "position" | Order of the ribbon ends within an arc. 'position': by where the other end of each ribbon is on the ring, which crosses the ribbons as little as possible. 'value': widest first. 'input': by link index. |
source? | DataColumn | undefined | Source node index of every link. |
target? | DataColumn | undefined | Target node index of every link. A link from a node to itself is drawn as a hill on its arc and takes its value of the arc once. A link whose source or target is not a node index is left out and counted in the description. |
targetgap? | number | undefined | With directed: space between the ring and the target end of the ribbons, in CSS px. A larger gap than link.gap shows the direction: ribbons touch their source and stop short of their target. Default: link.gap. Minimum: 0 |
value? | DataColumn | undefined | Flow of every link, which sets the width of its ribbon at both ends. Default: 1 for every link. When given, links without a positive value are left out and counted in the description. |