Chart Widgets

Stacked Bar Chart

Create stacked bar charts using Morris.Bar(options), where options is an object containing the configuration options.

1,507

Total Sales

916

Open Compaign

22

Daily Sales

Area Chart

Create an area chart using Morris.Area(options). Area charts take all the same options as line charts.

2,532

Total Sales

895

Open Compaign

25

Daily Sales

Total Revenue

Here's an example of how to animate donut charts using Chartist.Svg.animate and SMIL.

  • Series A
  • Series B
  • Series C
  • Series D

Sales Analytics

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

  • Desktops
  • Tablets
  • Mobiles

Total Revenue

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Nunc nec dui vitae urna cursus lacinia. In venenatis eget justo in dictum. Vestibulum auctor raesent quisnm.

1,507

Total Sales

916

Open Compaign

22

Daily Sales

Total Revenue

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Nunc nec dui vitae urna cursus lacinia. In venenatis eget justo in dictum. Vestibulum auctor raesent quisnm.

1,507

Total Sales

916

Open Compaign

22

Daily Sales

Total Revenue

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Nunc nec dui vitae urna cursus lacinia. In venenatis eget justo in dictum. Vestibulum auctor raesent quisnm.

1,507

Total Sales

916

Open Compaign

22

Daily Sales

Bi-polar bar chart

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.

Line chart with area

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.

Theme Settings
Color Scheme
Topbar Color
Menu Color
Sidebar Size
Layout Mode
Buy Now