Metronic | Charts - Flotchart

THEME COLOR

Layout

Header

Sidebar

Footer

Flotchart Attractive JavaScript plotting for jQuery

Basic Chart

Tracking Curves

Dynamic Chart

Stack Chart Controls

Interactive Chart

Bar Chart

Horizontal Bar Chart

Default

Default Pie with Legend.

Graph1

Default Pie without Legend

Graph2

Added a semi-transparent background to the labels and a custom labelFormatter function.

Graph3

Slightly more transparent label backgrounds and adjusted the radius values to place them within the pie.

Graph4

Semi-transparent, black-colored label background.

Graph5

Semi-transparent, black-colored label background placed at pie edge.

Graph6

Added a semi-transparent background to the labels and a custom labelFormatter function.

Graph7

Labels can be hidden if the slice is less than a given percentage of the pie (10% in this case).

Graph8

The radius can also be set to a specific size (even larger than the container itself).

Graph9

The pie can be tilted at an angle.

Graph10

A donut hole can be added.

Graph11

The pie can be made interactive with hover and click events.