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] | ||
|
||