Как я могу сделать круговую диаграмму для каждой строки, которую мне возвращает запрос к базе данных?

Question

У меня есть 2 или более столбцов, и я должен выполнить расчет, используя все столбцы.И для каждого ряда я должен показать круговую диаграмму рядом с этим.Создание круговой диаграммы для предположения о 10 строках на основе вычисления if-else.Если кто-нибудь может помочь!Благодарю.Я работаю в 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 будет отправлять данные контроллеру, контроллеру модели, и если действие будет успешным, оно будет изменять данные в реальном времени или динамическим способом.

, что касается диаграмм, я бы использовалпопулярная библиотека charts.js

Итак, каждое значение, которое вы будете вычислять с помощью операторов if-else, будет сохранять их в переменной, а затем показывать это значение переменной на диаграмме.Вот ответ , который может вам помочь.