Serea

Playground

Multiline chart

Based on vegalite.

Syntax

Data

The data is defined as comma separated values. The first line of the data section (excluding the configuration, see "configuration" below) will be considered as the table head.

The first column corresponds to the values on the X axis, the second to the Y axis and the third is the identifier for each line. The second column must be numeric values. The first can be either a category or an ISO 8601 date. If it is a datetemporalmust betruein the configuration to be parsed as such.

Configuration

The configuration is optional. It can be added before the data as aKEY: VALUEby line. The available keys and expected values are:

background: an HTML color (transparent by default).
colors: an array of HTML colors for the lines (by default lines are all different dashes in currentColor)
height: a number (defined by vegalite depending on data by default)
legendColor: the HTML color of the axis (currentColorby default)
temporal: boolean (falseby default) to interpret the values on the X axis as dates.
width: a number (defined by vegalite depending on data by default)
xLabelAngle: a number defining the angle of the tick labels on the horizontal axis (0 by default)
yLabelAngle: a number defining the angle of the tick labels on the vertical axis (0 by default)