如何为数据库查询返回给我的每一行制作饼图？

Question

我有 2 列或更多列，我必须使用所有列执行计算。 对于每一行，我必须在旁边显示饼图。 根据 if-else 计算为假设 10 行创建饼图。 如果有人可以提供帮助。 谢谢。 我在 php 工作。

我已经制作了如下代码所示的饼图，但我不知道如何动态创建它们。

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
                  google.charts.load('current', {'packages':['corechart']});
                  google.charts.setOnLoadCallback(drawChart);

                  function drawChart() {

                    var data = google.visualization.arrayToDataTable([
                      ['Total de Horas', '8 horas'],
                      <?php foreach ($list as $l) :?>
                      ['Horas faturadas',     <?php echo $l->HorasFaturadas; ?>],
                      ['Horas não faturadas',       <?php echo $l->NaoFaturadas; ?>],
                       <?php endforeach; ?>
                      ['Hours break',120]
                    ]);

                    var options = {
                      title: 'Daily Activities ',
                      slices: {
                        0: { color: 'green' },
                        1: { color: 'red' },
                        2: { color: 'grey'}
                      }
                    };

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

                    chart.draw(data, options);
                  }
                </script>  '''

Answer 1

我认为您需要进一步澄清动态部分，如果您希望实时显示数据，您将需要 AJAX 之类的东西。 AJAX would send data to the controller, the controller to the model, and if the action has success then it will change the data in real time or in a dynamic way.

至于图表，我会使用流行的库charts.js

因此，您将使用 if-else 语句计算的每个值，您将它们存储在一个变量中，然后在图表上显示该变量值。 这是一个可能对您有所帮助的答案。