106

Polymer Google Chart

The polymer google chart is an element which contains charts used for visualizing the data.Google chart contains various charts such as pie chart, line chart, column chart, area chart, tree map, etc.

You can define height and width as style attributes in google chart element.

There are many ways to provide data as attribute in JSON format.

Using cols and rows attribute:

Using data attribute:

• You can pass data directly

• You can pass data in URL

• You can pass data in a Google DataTable object

• Using view attribute:

Run the following command to install google chart element in your project directory. After that you can use this element in your application:

Example:

Create an index.html file and add the following code in it to see the usage of google-chartelement in Polymer.js.