This page contains tests for barline
chart type defined as data-type="barline".
barline
chart type consists of a line chart above and a bar chart below with same or separate series if explicitly provided. If cofiguration is provided in usual way, both charts will try to adopt the given configuration. Explicit or a mix of default and Explicit configuration can be provided by using data-line-
or data-bar-
prefixes instead of data-
prefix for each chart type respectively for data-sets, data-opts, data-colors, data-range configurations.
All existig configurations are the same as Chartlet Library's bar
and line
charts. The way to provide these configurations individually to each chart in a single canvas configuration is explained below:
Data default can be provided as data-sets
or can be defined explicitly by data-line-sets or data-bar-sets for each chart.
Options default can be provided as data-opts
or can be defined explicitly by data-line-opts or data-bar-opts for each chart.
line
and bar
charts. Some additional options can be provided inside data-opts to draw a styled separtor at charts partition, they are
1
.'#000'
.Colors default can be provided as data-colors
or can be defined explicitly by data-line-colors or data-bar-colors for each chart.
Range default can be provided as data-range
or can be defined explicitly by data-line-range or data-bar-range for each chart.
Height Ratio is the ratio of height of line chart to the height of bar chart. It is provided as a single decimal value and evaluated as x:1
where x
and 1
are the ratios of heights of line and bar charts respectively. For example data-height-ratio="2" evaluated as 2:1
will make the height of line chart twice of bar chart's height. It will not affect the overall height of chart's canvas. Default is 1
i.e. both charts will hold half of the canvas height. (Specific to barline Chart)
2.2 Barline Chart | ||
|
||
2.3 Barline Chart with Smooth Lines | ||
|
||
2.4 Barline Chart with Separator | ||
|
||
2.5 Barline Chart | ||
Sets: [1 -1 3 4] [2 2 4 2] | ||
|
||
2.6 Barline Chart | ||
[1 2 3][1.5 -1 3.5] | ||
|