My Chart doesn't appear while combining both bar and pie chart
28 views
Skip to first unread message
tom jose
Feb 26, 2016, 8:07:35 AM2/26/16
to Google Visualization API
My Chart doesn't appear while combining both bar and pie chart .Here is the code:
<html>
<head>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script>
google.charts.load('visualization',1, {'packages':['bar','corechart']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Year', 'Sales', 'Expenses', 'Profit'],
['2014', 1000, 400, 200],
['2015', 1170, 460, 250],
['2016', 660, 1120, 300],
['2017', 1030, 540, 350]
]);
var options = {
chart: {
title: 'Company Performance',
subtitle: 'Sales, Expenses, and Profit: 2014-2017',
}
};
var chart = new google.charts.Bar(document.getElementById('columnchart_material'));
chart.draw(data, options);
}
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Task', 'Hours per Day'],
['Work', 11],
['Eat', 2],
['Commute', 2],
['Watch TV', 2],
['Sleep', 7]
]);
var options = {
title: 'My Daily Activities'
};
var chart = new google.visualization.PieChart(document.getElementById('piechart'));
chart.draw(data, options);
}
</script>
</head>
<body>
<div id="columnchart_material" style="width: 900px; height: 500px;"></div>
<div id="piechart" style="width: 900px; height: 500px;"></div>
</body>
</html>
Sergey Grabkovsky
Feb 29, 2016, 10:06:34 AM2/29/16
to Google Visualization API
Hi Tom,
I answered your question in your other thread. In the future, I think one post per issue will be enough =)
There's a much more detailed explanation in my other post, but the biggest issue you have is that you have to drawChart functions.
--
You received this message because you are subscribed to the Google Groups "Google Visualization API" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-visualizati...@googlegroups.com.
To post to this group, send email to google-visua...@googlegroups.com.
Visit this group at https://groups.google.com/group/google-visualization-api.
To view this discussion on the web visit https://groups.google.com/d/msgid/google-visualization-api/caf9c073-7a4a-41d2-9abd-d18e3b12e734%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
--
• | Sergey Grabkovsky | |
• | Software Engineer | |
• | Google, Inc | |
• |
Reply all
Reply to author
Forward
0 new messages