在两个谷歌饼图中只有一个被显示
在网页中加载两个饼图的问题。
我正在使用 Laravel 框架工作，并且试图在网页中显示两个饼图。但只显示一个饼图。
<script type="text/javascript">
var analytics = <?php echo $alliance; ?>;
var analytics2 = <?php echo $partyname; ?>;
google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);
function drawChart()
{
var data = google.visualization.arrayToDataTable(analytics);
var options = {
title : 'Percentage of NDA & UPA',
chartArea:{left:0,top:0,width:"75%",height:"75%"}
};
var chart = new
google.visualization.PieChart(document.getElementById('chart_div'));
chart.draw(data, options);
var data2 = google.visualization.arrayToDataTable(analytics2);
var options2 = {
title : 'Percentage by Partywise',
chartArea:{right:0,top:0,width:"75%",height:"75%"}
};
var chart2 = new
google.visualization.PieChart(document.getElementById('chart_div2'));
chart.draw(data2, options2);
}
</script>
</head>
<body>
@include('includes.topnav')
@include('includes.bottomnav')
<div class="container">
<h3 align="left">LokSabha Election 2014</h3><br />
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Percentage of NDA and UPA</h3>
</div>
<div class="panel-body" align="left">
<div id="chart_div" style="width:1800px; height:300px;"> </div>
</div>
</div>
<div class="panel-body" align="right">
<div id="chart_div2" style="width:1800px; height:300px;"> </div>
</div>
</div>
</div>
</body>
</html>
我想将两个饼图放在一个页面中。
潇湘沐1回答
-
青春有我
我想你已经调用了 chart.draw 两次。请使用 chart.draw 和 chart2.drawvar chart = new google.visualization.PieChart(document.getElementById('chart_div'));chart.draw(data, options); var data2 = google.visualization.arrayToDataTable(analytics2);var options2 = { title : 'Percentage by Partywise', chartArea:{right:0,top:0,width:"75%",height:"75%"}}; var chart2 = new google.visualization.PieChart(document.getElementById('chart_div2')); chart2.draw(data2, options2); }
随时随地看视频慕课网APP
PHP