Interface: D3PChartLayers ​

Defined in: core/chart.ts:80

The groups of the svg a chart draws in, from back to front: background, axes, data, annotations, markers, overlay, frame (around the plot) and interaction.

Properties ​

annotation ​

ts
annotation: Record<"back" | "middle" | "front", d3.Selection<SVGGElement, unknown, null, undefined>>;

Defined in: core/chart.ts:92

The groups of the annotations: behind, among and in front of the other annotations.

annotationRoot ​

ts
annotationRoot: Selection<SVGGElement, unknown, null, undefined>;

Defined in: core/chart.ts:90

The group that holds the annotations.

axis ​

ts
axis: Selection<SVGGElement, unknown, null, undefined>;

Defined in: core/chart.ts:84

The group that holds the axes.

background ​

ts
background: Selection<SVGGElement, unknown, null, undefined>;

Defined in: core/chart.ts:82

The group behind everything: grids, bands.

data ​

ts
data: Record<"back" | "middle" | "front", d3.Selection<SVGGElement, unknown, null, undefined>>;

Defined in: core/chart.ts:88

The groups of the data: behind, among and in front of the other renderers.

dataRoot ​

ts
dataRoot: Selection<SVGGElement, unknown, null, undefined>;

Defined in: core/chart.ts:86

The group that holds the data; it is clipped to the plot.

frame ​

ts
frame: Selection<SVGGElement, unknown, null, undefined>;

Defined in: core/chart.ts:98

In the coordinates of the svg, not of the plot: what sits around the plot (titles, legends).

interaction ​

ts
interaction: Record<"back" | "middle" | "front", d3.Selection<SVGGElement, unknown, null, undefined>>;

Defined in: core/chart.ts:104

The groups of the interaction: behind, among and in front of the other objects that take the pointer.

interactionRoot ​

ts
interactionRoot: Selection<SVGGElement, unknown, null, undefined>;

Defined in: core/chart.ts:100

The group that holds the interaction area and what takes the pointer.

markers ​

ts
markers: Selection<SVGGElement, unknown, null, undefined>;

Defined in: core/chart.ts:94

What marks the point under the pointer (dots, outlines): above the data, below the cursor and the tooltip.

overlay ​

ts
overlay: Selection<SVGGElement, unknown, null, undefined>;

Defined in: core/chart.ts:96

The group above the markers: the cursor, the tooltip.