We have prepare several types of Google charts and made them responsive. You can use 2 or more charts on one page, but have to be sure that they are compatible – you can check this on Google Charts page and you should note the div ID to be different for every new chart on the same page!

1. Pie Charts

Responsive Google Pie chart without animation. Standart layout. Legend on the bottom.

[cms_charts data=”Oceania:30|Europe:27|Latin America:23|Asia:7|Northern America:7|Africa:6″ title=”Organic Agricultural Land”]

Responsive Google Pie chart with slices and animation. Slicing the chart with slices with different offset. You can separate pie slices from the rest of the chart with the offset property of the slices option. You can remove the animation.

[cms_charts style=”template2″ legend_position=”right” data=”Oceania:30|Europe:25|Latin America:23|Asia:7|Northern America:9|Africa:6″ title=”Organic Agricultural Land”]

Responsive Google 3D Pie chart with animation. Your pie chart will be drawn as though it has three dimensions. You can remove the animation.

[cms_charts style=”template3″ legend_position=”right” data=”Oceania:30|Europe:24|Latin America:23|Asia:7|Northern America:10|Africa:6″ title=”Organic Agricultural Land”]

2. Doghnut Chart

Responsive Google Donut Chart. A donut chart is a pie chart with a hole in the center.

[cms_charts chart_type=”donut” legend_position=”right” data=”Work:14|Eat:2|Commute:2|Watch TV:2|Sleep:4″ data_color=”#69bd43,#6576c2,#cc2149,#ff804e,#008dff” title=”My Daily Activities”]

3. Geo Chart

Responsive Google Geo Charts. A geochart is a map of a country, a continent, or a region with two modes: The region mode colorizes whole regions, such as countries, provinces, or states or The marker mode marks designated regions using bubbles that are scaled according to a value that you specify.

[cms_charts chart_type=”geo” data=”Germany:200|United States:300|Brazil:300|Canada:400|France:700|RU:800″ title=”Share”]

4. Area Charts

Responsive Google Line Charts – with custom points: polygon, star, diamond, square, triangle, circle.

[cms_charts chart_type=”area” data=”2013:1000|2014:1170|2015:1660|2016:2030″ title=”Company Performance over the years”]