Skip to content

Line chart

Jorge Yagüe París edited this page Feb 16, 2018 · 28 revisions
Version history
0.0.30 (current)
0.0.1

Creating a linechart

var linechart = new proteic.Linechart(data);
linechart.draw();

Example JSFiddle 📈

Configuration

The default configuration can be found here.

Common configuration

Linechart uses the following modules:

Linechart configuration

Option Syntax examples Description Values
areaOpacity 0
0.4
1
Opacity of the areas Float number between 0 and 1. 0 means deactivated areas.
curve Interpolation.CURVE_MONOTONE_X Interpolation used between points Any of the attributes of Interpolation.ts
maxNumberOfElements 0 (Unlimited)
150
Maximum number of elements displayed in the chart when using real-time data. Old elements will be removed from the chart as new data arrives. Integer number. 0 means unlimited.
nullValues ['NULL', 'NUL', '\\N', NaN, null, 'NaN', undefined] Any value contained in the array that is found in the data will be ignored by the chart. Array of Objects