ng2-google-charts demo

Sponsor GitHub Documentation Source code of this page

npm version npm version

Dashboard with controls

3.0
54.0
MichaelElisaRobertJohnMirandaMargarethJessica
NameDonuts eaten
Michael5
Elisa7
Robert3
John2
Jessica6
Aaron1
Margareth8
Miranda6
NameDonuts eaten
Michael5
Elisa7
Robert3
John2
Jessica6
Aaron1
Margareth8
Miranda6

 NameGenderAgeDonuts eaten
1MichaelMale125
2ElisaFemale207
3RobertMale73
4JohnMale542
5JessicaFemale226
6AaronMale31
7MargarethFemale428
8MirandaFemale336

More dashboard examples

Column chart

CountriesPerfor…ProfitsGermanyUSABrazilCanadaFranceRU05001,0001,500

Material

SalesExpe…Profit02004006008001,0001,2002014201520162017
YearSalesExpensesProfit
20141,000400200
20151,170460250
20166601,120300
20171,030540350

Stacked

Fantasy & Sci FiRomanceMystery/CrimeGeneralWesternLiterature2010202020300255075100125150
GenreFantasy & Sci FiRomanceMystery/CrimeGeneralWesternLiterature
201010242032185
202016222330169
2030281929301213

Pie chart

TasksWorkEatCommuteWatch TVSleep45.8%
TaskHours per Day
Work11
Eat2
Commute2
Watch TV2
Sleep7

Vega chart

024681012x-1.0-0.50.00.51.0valuecos(x)sin(x)

Gauge

Value0123451.78

Scatter chart

Age vs. Weight comparison0246810121416051015AgeWeight
AgeWeight
812
45.5
1114
45
33.5
6.57

Timeline chart

WashingtonAdamsJefferson17901791179217931794179517961797179817991800180118021803180418051806180718081809

Line chart with events

Selected row:

Selected column:

Company PerformanceSalesExpe…200420052006200705001,0001,500
YearSalesExpenses
20041,000400
20051,170460
20066601,120
20071,030540

Combo chart

Monthly Coffee Production by CountryBoliviaEcuadorMada…Papu…1/22004/052005/062006/072007/082008/0905001,0001,500MonthCups
MonthBoliviaEcuadorMadagascarPapua New GuineaRwandaAverage
2004/05165938522998450614.6
2005/061351,1205991,268288682
2006/071571,167587807397623
2007/081391,110615968215609.4
2008/091366916291,026366569.6

Table with formatter

DepartmentRevenuesAnother columnColorFormat
Shoes€10,700.00(€100.00)100
Sports(€15,400.00)€25.00500
Toys€12,500.00€40.00800
Electronics(€2,100.00)€889.001,000
Food€22,600.00€78.001,100
Art€1,100.00€42.00400

DateFormat

Employee NameStart Date (Long)Start Date (Medium)Start Date (Short)
MikeFebruary 28, 2008 at 12:31:26 AM UTCFeb 28, 2008, 12:31:26 AM2/28/08, 12:31 AM
BobJune 1, 2007 at 12:00:00 AM UTCJun 1, 2007, 12:00:00 AM6/1/07, 12:00 AM
AliceAugust 16, 2006 at 12:00:00 AM UTCAug 16, 2006, 12:00:00 AM8/16/06, 12:00 AM

PatternFormat

 NameEmailResult
1John Lennonjohn@beatles.co.ukJohn Lennon
2Paul McCartneypaul@beatles.co.ukPaul McCartney
3George Harrisongeorge@beatles.co.ukGeorge Harrison
4Ringo Starrringo@beatles.co.ukRingo Starr

With remote source

 Population Density
1Indonesia117
2China137
3Nigeria142
4Pakistan198
5India336
6Japan339
7Bangladesh1045

GeoChart

493,55983,019,214

OrgChart

 Mike
President
 
          
     
Jim
Vice President
 Alice
   
   
Bob 
   
   
Carol 
 

TreeMap

click on the button below to append data

ComediesShakespeare

CandlestickChart

MonTueWedThuFri050100
Mon28283838
Tue38385555
Wed55557777
Thu77776666
Fri66662222

AnnotationChart

Zoom:
Kepler-22b mission
  
Gliese 163 mission
  
March 16, 2314March 17, 2314March 18, 2314March 19, 23146:00 AM12:00 PM12:00 PM12:00 PM12:00 PM12:00 PM6:00 PM050000ABDFHCEGI
DatetimeKepler-22b mission Gliese 163 mission
Mar 15, 231412,40010,645
Mar 16, 231424,04512,374
Mar 17, 231435,02215,766
Mar 18, 231412,28434,334
Mar 19, 23148,47666,467
Mar 20, 2314079,463
March 16, 2314March 17, 2314March 18, 2314March 19, 2314M…12:00 PM12:00 PM12:00 PM12:00 PM12:00 PM
DatetimeKepler-22b mission
Mar 15, 231412,400
Mar 16, 231424,045
Mar 17, 231435,022
Mar 18, 231412,284
Mar 19, 23148,476
Mar 20, 23140
KeyText
Gallantors Omniscience achieved March 20, 2314
Lalibertines All crew lost March 20, 2314
Gallantors Mysteries revealed March 19, 2314
Lalibertines Heavy casualties March 19, 2314
Gallantors Statement of shared principles March 18, 2314
Lalibertines Attack on our crew! March 18, 2314
Gallantors First Encounter March 17, 2314
Lalibertines They are very tall March 17, 2314
Lalibertines First encounter March 16, 2314

With charts in tooltip

Adapted from here.

Highest U.S. Viewership for Most Recent Event (in millions)NBA FinalsNFL Super BowlMLB World SeriesUEFA ChampionsLeague FinalNHL Stanley CupFinalsWimbledon Men'sChampionship050100150
EventHighest Recent Viewership
NBA Finals22.4
NFL Super Bowl111.3
MLB World Series19.2
UEFA Champions League Final1.9
NHL Stanley Cup Finals6.4
Wimbledon Men's Championship2.4
EventHighest Recent Viewership
NBA Finals22.4
NFL Super Bowl111.3
MLB World Series19.2
UEFA Champions League Final1.9
NHL Stanley Cup Finals6.4
Wimbledon Men's Championship2.4

Some code samples are adapted from Google Charts where they are licensed under the Apache 2.0 License.

Expenses
Expenses
Madagascar
Papua New Guinea
Shakespeare
Comedies
As You Like It
Adam
Amiens
Audrey
Celia
Charles
Corin
Dennis
Duke
Frederick
Hymen
Jaques (lord)
Jaques (son)
Le Beau
Oliver
Orlando
Phebe
Rosalind
Silvius
Sir Oliver Martext
Touchstone
William
Tragedies
Histories
March 20, 2314
March 15, 2314
March 20, 2314
Performance