删除谷歌饼图上的分页

时间:2017-05-25 12:11:55

标签: php charts google-visualization

我有以下代码来显示饼图。

<script>
google.charts.load('current', {'packages':['corechart']});

// Set a callback to run when the Google Visualization API is loaded.
google.charts.setOnLoadCallback(drawChart);
//google.charts.setOnLoadCallback(drawChartTwo);
//google.charts.setOnLoadCallback(drawChartThree);
// Callback that creates and populates a data table,
// instantiates the pie chart, passes in the data and
// draws it.
function drawChart() {

// Create the data table.
var data = google.visualization.arrayToDataTable([
  ['Type', 'Duration'],
  <?php
      foreach($val as $data){
        echo "['".$data['type']."', ".$data['duration']."],";
     }
  ?>
]);

// Set chart options
var options = {'title':'Duration Analysis',
               'width':830,
               'height':300,
               'is3D': true,
               pieSliceText : 'none',
               };

// Instantiate and draw our chart, passing in some options.
var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
chart.draw(data, options);
</script>

并且工作正常。但是,现在当我在浏览器上看到图表时,我看到它就像。 enter image description here

在图像中,我看到了3页分页中的值列表。但是我想让它在没有分页的情况下显示我的图表的右侧。是否有可能显示3个colomns而不是3个分页?请帮帮我。

0 个答案:

没有答案