Chartist Charts

This chart uses the showArea option to draw line, dots but also an area shape. Use the low option to specify a fixed lower bound that will make the area expand. You can also use the areaBase property to specify a data value that will be used to determine the area shape base position (this is 0 by default).

An example of a simple line chart with three series.

A bi-polar bar chart with a range limit set with low and high. There is also an interpolation function used to skip every odd grid line / label.

Guess what! Creating horizontal bar charts is as simple as it can get. There's no new chart type you need to learn, just passing an additional option is enough.

You can also set your bar chart to stack the series bars on top of each other easily by using the stackBars property in your configuration.

A very simple pie chart with label interpolation to show percentage instead of the actual data series value.