mmo-chart

the plot to draw: bar, line, area, pie, radar, scatter, tendency or table

type="bar"

the drawing width of the svg, in user units

width="560"

the drawing height of the svg, in user units

height="300"

the icon shown next to the title

icon="chart-pie"

where to read the configuration from, instead of setting config

url

stack the series into one bar (or one ring) instead of drawing them side by side

stacked

draw a line chart through curves rather than straight segments

smooth

show the delta badge: normal (a rise is good) or reverse (a rise is bad)

trend

what the delta compares to: next-data, prev-data, next-set, prev-set

trend-target

% to show the delta as a percentage of what it compares to, rather than a difference (a rate, whose unit is %, always changes by points)

trend-unit

a suffix for every value (%, €...)

unit

show the button that opens the chart's configurator (<mmo-chart-config>) in the side panel

configurable

config

Get the type of the chart

Type

string

Whether the series are stacked into one shape.

Type

boolean

Whether a line is drawn through curves.

Type

boolean

The delta mode, normal or reverse.

Type

?string

What the delta compares against.

Type

?string

How the delta is expressed: % for a percentage, anything else for a difference.

Type

string

The suffix of every value.

Type

string

Whether the statistics behind url can be edited, from the toolbar.

Type

boolean

Get the url of the chart

Type

string

Get the config of the chart

Type

object

The series to draw, always as a list of lists.

Type

Array<Array<number>>

The label of each point along the axis.

Type

Array<string>

The room left around the plot for the axis and its labels.

Type

object

The easing the bars and lines are drawn with.

Type

string

The colour of one series, falling back to the first when the palette is shorter.

One point of a scatter series, from [x, y], [x, y, size] or {x, y, size, label}.

The name of one series, or a generated one.

The label of one point, or a generated one.

Whether this chart shows a delta badge.

Whether a rise is the bad news, which swaps the badge colours.

Show the tooltip with the given content, at the pointer.

Hide the tooltip.

Move the tooltip so it follows the pointer and stays inside the element.

Make one drawn shape (a bar, a dot, a slice) show the tooltip while it is pointed at.

Redraw everything from the current configuration: the plot, the legend, the table.

The delta of one point against what trend-target names, as a difference or, with trend-unit="%", as a percentage of it.

How much a value moved from another: a difference or, with trend-unit="%", a percentage of the other.

What a delta is counted in: points for a rate, % with trend-unit="%", the unit otherwise.

The delta badge of one point, as html, compared to what trend-target names.

One cell of the table: the value, or the (x, y) of a scatter point.

A value in full, as the reader's locale writes it, with the chart's unit.

Shorten a number for an axis or a badge (12000 becomes 12.0k).

Draw the axis, its ticks and its labels, scaled to the values.

Draw the legend under the plot, one entry per series.

Draw the legend of a chart whose entries are the labels rather than the series (a pie).

Animate one svg attribute, which is how a plot grows into place when it is drawn.

Draw the bar chart, side by side or stacked.

Draw the line chart, optionally filled and optionally smoothed.

Draw the area chart, which is the line chart with its area filled.

Draw the pie, or the ring when the series are stacked.

Draw the radar: one axis per label, one polygon per series.

Draw the scatter: one dot per point, on two numeric axes; a point with a size is a bubble, its area proportional to the size.

Draw the tendency: the current period of the first series as one large figure, with its change since the period before and a gauge; then one row per other series; then the earlier periods of the first one.

The change of one series since the period before: its current value against the next one.

Whether the change of one series is good news, as a class: good, bad or equal (empty without trend).

The change of one series since the period before, signed and with its unit (+7 pts, -12%, =).

The gauge of one series: a 0-100 bar with a mark at the period before for a rate, a sparkline otherwise.

Switch between the plot and the table of the same values.

Make the switch say what it shows next: the table, or the plot back.

Download the values. CSV and XLSX are built by the server: from the statistics url links to (StatisticController::routeExport), else from the values shown, posted (StatisticController::routeExportData). JSON, and CSV when the application has no such route, are built here.

The values by series, then by label: {series: {label: value}}.

The values as the server exports them: one line per series, one column per label, ; separated.

Open the configurator (<mmo-chart-config>) in the side panel: the source of the values, the type and every option, with a preview. Applied, they replace this chart's; a chart reading url keeps them as attributes, which is what a dashboard saves.

a description, shown in a tooltip next to the title

<slot>

show the table instead of the plot, which is what the switch button toggles

.table

set while the type is tendency: the figures replace the plot

.tendency

set while url is read: the toolbar is hidden

.loading

no border, ground or padding of its own: set by itself inside a grid tile (<mmo-widget>), which already frames it

.frameless