You can display your data in a number of different ways using charts in a page.

  1. Area chart
  2. Bar chart
  3. Column chart
  4. Geo chart
  5. Line chart
  6. Pie chart
  7. Combo chart
  8. Waterfall chart
  9. Scatter chart
  10. Trendlines chart

Area

Area Chart Demo
Area Chart Demo

Example data:


Search Traffic Drives Highest Order Value,Social,Email,Search
Q3 2011,60,84,102
Q4 2011,62,86,98
Q1 2012,62,82,90
Q2 2012,62,84,90.5
Q3 2012,72,83,95
Q4 2012,70,86,103

Bar

Bar Chart
Bar Chart

Example data:


E-commerce Sales,China,US,UK,Russia,Brazil,India
426.3,305.7,82,17.5,16.3,5.3

Column

Column Chart
Column Chart

Example data:

Annual Sales,Amazon,Walmart
'01,10,15
'02,26,14
'03,33,13
'04,31,5
'05,22,11
'06,26,9.5
'07,39,10
'08,29,8
'09,28,7
'10,39.5,1
'11,41,3
'12,27,6
'13,22,4
'14,19.5,2

Geo

Geo Chart Demo
Geo Chart Demo

Notice: Geo Chart has no legend displayed.

Example data:


Climate Change Affected Countries
Cambodia,1
Vietnam,1
Bangladesh,1
Senegal,1
Mozambique,1
India,1
Indonesia,1
Philippines,1
Malaysia,1

Line

Line Chart Example
Line Chart Example

Example data:

Version,HP,Mirantis,Rackspace,Red Hat,IBM
Folsom,10,1,32,16,5
Grizzy,17,2,18,14,11
Havana,12,13,19,15,8
Icehouse,6,7,12,15,7
Juno,15,9,13,19,5.5
Kilo,22,5,4,9,5

Pie

Pie Chart Example
Pie Chart Example

pieHole – set value from 0.1 to 1 will adjust a hole inside a chart.

Example data:

Database Types,Percentange
MySQL,56
MariaDB,18
PostgreSQL,13
MongoDB,12
CouchDB,1

Combo

Combo Chart
Combo Chart

Example data:

Australian security appliance market,Firewall,IDP,Unified Threat Management,Content Management,VPN
'14,40,30,55,40,2
'15,40,30,85,45,2
'16,40,30,110,53,2
'17,40,30,135,65,2
'18,42,31,120,75,2
'19,45,32,220,85,1.8

Waterfall

Waterfall Chart
Waterfall Chart

To create a rising column:

waterfall-chart-rising-column

To create a falling column:

waterfall-chart-falling-column

Example data:


Company Profits
Product Revenue,0,0,420,420
Services Revenue,420,420,630,630
Fixed Costs,630,630,460,460
Variable Costs,460,460,320,320
Total,320,320,0,0

Scatter

Scatter Chart Demo
Scatter Chart Demo

Example data


CSGO Match Wins 2000-2015,Virtus.Pro,Navi
2000,15,49
2001,21,33
2002,30,38
2003,23,15
2004,47,20
2005,41,25
2006,49,21
2007,33,23
2008,41,29
2011,50,25

Trendlines

Trendlines Chart Demo
Trendlines Chart Demo

Example data


Social Media Traffic Referrals,Facebook,Pinterest,Twitter,Reddit
2011, 6, 1.8, 3.5, 1.4
2012, 6.2, 2.4, 4.4, 1.5
2013, 7.2, 2.5, 5.3, 1.3
2014, 7.8, 3.7, 5.8, 1.3
2015, 8.2, 4.5, 6.3, 1.6
Table of Content