在網(wǎng)頁(yè)中加載兩個(gè)餅圖的問(wèn)題。我正在使用 Laravel 框架工作，并且試圖在網(wǎng)頁(yè)中顯示兩個(gè)餅圖。但只顯示一個(gè)餅圖。<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>我想將兩個(gè)餅圖放在一個(gè)頁(yè)面中。
1 回答
青春有我
TA貢獻(xiàn)1784條經(jīng)驗(yàn) 獲得超8個(gè)贊
我想你已經(jīng)調(diào)用了 chart.draw 兩次。請(qǐng)使用 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 關(guān)注
- 182 瀏覽
添加回答
舉報(bào)
0/150
提交
取消