Metronic | Visual Charts

THEME COLOR

Layout Header Sidebar Footer

Visual Charts visual charts & graphs

Basic Chart

Tracking Curves

Dynamic Chart

Stack Chart Controls

Interactive 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.