Line Chart

An example of a simple line chart with three series. You can edit this example in real time.

Chart conventions

  • Item name 1
  • Item name 2

Bar chart

Sometime it's desired to have bar charts that show one bar per series distributed along the x-axis. If this option is enabled, you need to make sure that you pass a single series array to Graphist that contains the series values. In this example you can see T-shirt sales of a store categorized by size.

Pie Chart

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

Donut Chart

This pie chart uses donut.

Gauge Chart

This pie chart uses total.

Dots chart

This advanced example uses a line chart to draw a scatter diagram. The data object is created with a functional style random mechanism.

Chart conventions

  • Item name 1
  • Item name 2

Bi-polar Line Chart

You can also only draw the area shapes of the line chart. Area shapes will always be constructed around their areaBase (that can be configured in the options) which also allows you to draw nice bi-polar areas.

Bi-polar bar char

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.

Multiline Bar Chart

Multiple Vertical Bar Chart

Stacked Bar Chart

You can also set your bar chart to stack the series bars on top of each other easily.

Area chart

This chart draw line, dots but also an area shape.

Holes chart

Sometimes you don't want your data looking so fragmented, even when it really is. That's why you can also configure Graphist to smooth over holes in your data.