Skip to content

Polar charts

Polar pie ​

charts/polar-pie
(plot) => ({
  kind: "bar",
  series: pairs(plot, 1, 6, "bars"),
  polar: {},
  x: { categories: ["A", "B", "C", "D", "E", "F"] },
})

Arguments

{ kind: "bar" } is a BarChart

A rectangle per point, grouped or stacked across series.

No second axis and no lanes. A bar maps through the primary scales directly, so a series bound to the right-hand axis draws that axis and stays on the left-hand one; the setting goes back on when that is fixed upstream.

from BarChart
kindrequired"bar"
window

How much of a growing series to show. All of it unless set.

polar

Draw the plot round a centre.

seriesreadonly []

The series, in order.

stackedboolean

Stack the series into one bar per category rather than grouping them side by side.

tooltip

The tooltip drawn at the cursor. None unless set.

from ChartChrome
titlestring

The title above the plot.

legendboolean

Whether a legend is drawn. Drawn unless set false.

at

The corner this chart hangs off, instead of taking its turn in the layout.

Unset, a chart fills the canvas or its cell of Grid, which is what almost every page wants. Set, the chart is placed the way an Instrument is: off that corner, at ChartChrome.size of the canvas, and out of the grid. That is what a chart drawn over a scene needs, where the rest of the canvas has to stay scene.

sizereadonly [number, number]

How much of the canvas this chart takes, as a fraction of each side.

A placed chart that names no size takes half the canvas each way, because filling it would hide whatever it was placed over. Without ChartChrome.at the layout still decides where the chart goes and this decides how much room it takes there.

offsetreadonly [number, number]

The offset from that corner, in logical pixels. Read only with ChartChrome.at.

from ChartFrame
x

The horizontal axis.

y

The vertical axis.

transposedboolean

Swap the plotting directions.

What makes a horizontal bar chart, which is what a ranking is almost always drawn as: names read left to right as words do, and there is room for as many as the plot is tall.

centredboolean

Draw the axis lines through the origin rather than around the edges: two rules crossing at zero with the data in four quadrants.

gridOverboolean

Draw the gridlines over the series rather than behind them.

What a chart of sparse markers over a dense field wants, where the grid is the thing being read against.

guidesreadonly []

Reference marks over the plot.

crosshairboolean

Draw a crosshair at the cursor, with a readout at each axis.

selectboolean

Let a drag across the plot select an x range, reported as a RangeSelectedEvent.

This takes the plain drag: a selectable chart brushes where an ordinary one pans. Panning one is then the shift-drag band zoom or a drag on the gutters below and beside the plot, and the double click still hands the axes back either way.

The selection stands until the viewer makes another. A shift-drag zooms without disturbing it, so a region can be kept and examined.

pick"point" | "series"

What a click selects, beyond activating the datum it hits.