Create Multiple charts in the same blog post

In our previous example, we had seen how to embed a single chart in a Blogger.com blog post. You're however not restricted with the number of charts - you can put any number of charts in a single blog post, irrespective of chart type and data entered.

Here we will modify our previous post to insert more charts and re-publish it.

We will add a pie chart using same data, a multi-series Column 3D chart comparing weekly sales of two months, and another stacked area chart showing the same.

Follow the steps listed below to do so:

  • Edit the previous post (you can also create a new post - it's just the lazy us that we're editing the same post)
 
  • Here, you'll find the code for the chart we had earlier pasted.
  • Move to the end of this code - as we want other charts to appear below this chart.
  • Paste the new Pie 3D chart's code (after generating it from the syndication page).
  • Again, repeat the above steps to paste code for multi Column 3D chart's chart and Stacked Area 2D chart's chart. Make sure that the codes are pasted one after another - or at the required place amidst your blog.
  • Finally, publish and view the modified blog.

Shown below is the Edit HTML mode with code for all charts:

 

You should get a screen as under. For a demo, we've set this post live at http://fusioncharts.blogspot.com.