1. YOU ARE HERE
  2. Charts
  3. Morris

Visual - Chart

Morris Line Chart

Good-looking charts shouldn't be difficult. The public API is terribly simple. It's just one function: Morris.Line(options), where options is an object containing some of the following configuration options.

Created with Raphaël 2.3.002550751002012201120102009200820072006
2012
Series A: 100
Series B: 90
Morris Area Chart

Good-looking charts shouldn't be difficult. The public API is terribly simple. It's just one function: Morris.Line(options), where options is an object containing some of the following configuration options.

Created with Raphaël 2.3.00501001502002012201120102009200820072006
2012
Users A: 100
Series B: 90
Morris Bar Chart
Created with Raphaël 2.3.007.51522.530WindowsMacOSLinux
Windows
OS Users, %: 29

Bar charts are also commonly referred to as a column charts. If you was trying to compare the height of something then intuitvely you would represent this by using columns. This really couldn't be easier. Create a Bar chart using Morris.Bar(options), with only few options.

Morris Donut Chart
Created with Raphaël 2.3.0In-Store Sales30

Donuts a great for representing some parted information like traffice sources, disk partitions, etc. This really couldn't be easier. Create a Donut chart using Morris.Donut(options), with only few options.

Morris Bar Chart 2
Created with Raphaël 2.3.005010015020020242023202220212020201920182017201620152014

This is generally a good chart to choose for all comparison based analysis but if you were to display a data set with negative values a column would be the best to represent this. This really couldn't be easier. Create a Bar chart using Morris.Bar(options), with only few options.

Morris Stacked Bar Chart
Created with Raphaël 2.3.002550751002018201720162015201420132012

Stacked charts are excellent to track some dynamics within declared categories. An example of this can be seen above. To create a Stacked Bar chart use Morris.Bar(options) and set stacked, option to true.