
- Google Charts Tutorial
- Google Charts - Home
- Google Charts - Overview
- Google Charts - Environment Setup
- Configuration Syntax
- Google Charts - Area Charts
- Google Charts - Bar Charts
- Google Charts - Bubble Charts
- Google Charts - Calendar Charts
- Google Charts - Candlestick Charts
- Google Charts - Column Charts
- Google Charts - Combination Chart
- Google Charts - Histogram Charts
- Google Charts - Line Charts
- Google Charts - Maps
- Google Charts - Organization Chart
- Google Charts - Pie Charts
- Google Charts - Sankey Charts
- Google Charts - Scatter Charts
- Stepped Area Charts
- Google Charts - Table Chart
- Google Charts - Timeline Charts
- Google Charts - TreeMap Chart
- Google Charts - Trendline Charts
- Google Charts Useful Resources
- Google Charts - Quick Guide
- Google Charts - Useful Resources
- Google Charts - Discussion
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Google Charts - Environment Setup
In this chapter we will discuss about how to set up Google Charts library to be used in web application development.
Install Google Charts
There are two ways to use Google Charts.
Download − Download it locally from https://developers.google.com/chart and use it.
CDN access − You also have access to a CDN. The CDN will give you access around the world to regional data centers that in this case, Google Chart host https://www.gstatic.com/charts.
Using Downloaded Google Chart
Include the googlecharts JavaScript file in the HTML page using following script −
<head> <script src = "/googlecharts/loader.js"></script> </head>
Using CDN
We are using the CDN versions of the Google Chart library throughout this tutorial.
Include the Google Chart JavaScript file in the HTML page using following script −
<head> <script src = "https://www.gstatic.com/charts/loader.js"></script> </head>
Advertisements