Combo Chart in Google Charts
Combo Chart
A combo chart is a combination of two column charts, two line graphs, or a column chart and a line graph. You can make a combo chart with a single dataset or with two datasets that share a common string field. In other words, a chart that lets you render each series as a different marker type from the following list: line, area, bars, candlesticks, and the stepped area is called a combo chart.
Steps for adding Google Combo Charts to your Website:-
- To use Google Combo Chart on your website, add a link to the charts loader.
- After this, add a div with a unique id. Then, we have to load Google Graph API.
- Load the Visualization API with the desired package name. In our case, it is "corechart".
- Set a callback function.
- The visualization API is:- google.charts.load('current', {'packages':['corechart']})
- The callback function will be:- google.charts.setOnLoadCallback(draw_my_chart)
Code Explanation
All Tutorials related to Charts Tutorials
Annotation Chart
Area Charts
Bar Chart
Bubble Chart
Calendar Chart
Candlestick Chart
Column Chart
Combo Chart
Donut Chart
Gauge Chart
Geo Chart
Histogram Chart
Line Chart
Org Chart
Pie Chart
Scatter Chart
Stepped Area Chart
Timelines Chart