Serea

Playground

Stacked bar 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 the stacked bars. The second column must be numeric values.

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)
outlineColor: the HTML color of the bar outlines (currentColorby default)
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)