Question

我使用谷歌服务创建一个饼图。问题是我想在饼图中显示信用和借记，但输出只有一种颜色。这是我的询问。

$data = mysqli_query($link, "select SUM(pay_payable) as debit, SUM(pay_paid) as credit from purchasers_payment where p_id = '$pur_id'");

这是我的图表设置。

var data = google.visualization.arrayToDataTable([
          ['Debit', 'Credit'],
          <?php
            while($row = mysqli_fetch_array($data))
            {
                echo "['".$row['debit']."',".$row['credit']."],";
            }
            ?>
        ]);

        var options = {
          is3D: true,
        };

        var chart = new google.visualization.PieChart(document.getElementById('piechart'));

这是我的代码输出 enter image description here

我希望输出如下： enter image description here

Answer 1

PieChart的{{3}}使用每个切片的行
要获得两个切片，您需要两行数据...

['Label', 'Value'],
['Debit', 10000],
['Credit', 2000]

请参阅以下工作代码段...

＆＃13;

google.charts.load('current', {
    packages: ['corechart']
}).then(function () {
  var data = google.visualization.arrayToDataTable([
    ['Label', 'Value'],
    ['Debit', 10000],
    ['Credit', 2000]
  ]);

  var options = {
    is3D: true,
    height: 300
  };

  var chart = new google.visualization.PieChart(document.getElementById('piechart'));
  chart.draw(data, options);
});

＆＃13;

<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="piechart"></div>

＆＃13;

尝试以下php ...

var data = google.visualization.arrayToDataTable([
  ['Label', 'Value'],
  <?php
    while($row = mysqli_fetch_array($data))
    {
        echo "['Debit',".$row['debit']."],['Credit',".$row['credit']."],";
    }
  ?>
]);

饼图没有显示切片

1 个答案: