在网页中加载两个饼图的问题。我正在使用 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 回答
青春有我
TA贡献1784条经验 获得超8个赞
我想你已经调用了 chart.draw 两次。请使用 chart.draw 和 chart2.draw
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'));
chart2.draw(data2, options2);
}
- 1 回答
- 0 关注
- 164 浏览
添加回答
举报
0/150
提交
取消