View on

Element: areas

The areas element is used to create area charts. 
areas {
  xs: <dataset>;
  ys: <dataset>;
}

Properties

xs Set the default 'x' dataset for the element ys Set the default 'y' dataset for the element x-offsets y-offsets scale-x scale-x-min scale-x-max scale-x-padding scale-y scale-y-min scale-y-max scale-y-padding direction color colors

Property: xs

Set the default 'x' dataset for the element 
xs: <dataset>

Values

value [, value]...
Specify the x dataset as a list of inline values
csv(file, column, opts...)
Load the x dataset from a CSV file

Examples

/* Set the x dataset to the literal values 10, 20, 30, 40, 50 */
xs: 10, 20, 30, 40, 50;

/* Load the x dataset from the CSV file 'data.csv', colum name 'mycolx' */
xs: csv('data.csv', mycolx);

Property: ys

Set the default 'y' dataset for the element 
ys: <dataset>

Values

value [, value]...
Specify the y dataset as a list of inline values
csv(file, column, opts...)
Load the y dataset from a CSV file

Examples

/* Set the y dataset to the literal values 10, 20, 30, 40, 50 */
ys: 10, 20, 30, 40, 50;

/* Load the y dataset from the CSV file 'data.csv', colum name 'mycoly' */
ys: csv('data.csv', mycoly);

Property: x-offsets

Values

Examples

Property: y-offsets

Values

Examples

Property: scale-x

Values

Examples

Property: scale-x-min

Values

Examples

Property: scale-x-max

Values

Examples

Property: scale-x-padding

Values

Examples

Property: scale-y

Values

Examples

Property: scale-y-min

Values

Examples

Property: scale-y-max

Values

Examples

Property: scale-y-padding

Values

Examples

Property: direction

Values

Examples

Property: color

Values

Examples

Property: colors

Values

Examples

Edit this page on GitHub