Charts

Stacked Bar Chart

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

Area Chart

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

Line Chart

The public API is terribly simple. It's just one function: Morris.Line (options), where options is an object containing some of the configuration options.

Bar Chart

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

Area Chart with Point

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

Donut Chart

This really couldn't be easier. Create a Donut chart using Morris.Donut(options).

Flot Charts

Multiple Statistics

Stacked chart not only shows the trends over time, you can also see the cumulative sum of all data.Your awesome text goes here.

Realtime Statistics

You can update a chart periodically to get a real-time effect by using a timer to insert the new data in the plot and redraw it.

Line Chart

The line chart is most often used chart, aslo the easiest to make, it shows trends over time, visualizes data and information, so users can know how exactly these numbers are relate to each other in one glance.

Donut Pie

Pie chart is used to see the proprotion of each data groups, making Flot pie chart is pretty simple, in order to make pie chart you have to incldue jquery.flot.pie.js plugin.

Pie Chart

Pie chart is used to see the proprotion of each data groups, making Flot pie chart is pretty simple, in order to make pie chart you have to incldue jquery.flot.pie.js plugin.

Stacked Bar chart

With the stack plugin, you can have Flot stack the series. This is useful if you wish to display both a total and the constituents it is made of.

Line Chart

The line chart is most often used chart, aslo the easiest to make, it shows trends over time, visualizes data and information, so users can know how exactly these numbers are relate to each other in one glance.

Combine Chart

Knob Charts

Disable display input
Cursor mode
Display previous value
Angle offset and arc