首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何为数据库查询返回给我的每一行制作拼图?

如何为数据库查询返回给我的每一行制作拼图?
EN

Stack Overflow用户
提问于 2019-09-24 16:07:59
回答 1查看 66关注 0票数 0

我有2列或更多列,并且我必须使用所有列执行计算。对于每一行,我必须在它旁边显示饼图。基于if-else计算为假设10行创建Pie -chart。如果有人能帮忙的话!谢谢。我在php工作。

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

代码语言:javascript
运行
复制
<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>  '''
EN

回答 1

Stack Overflow用户

发布于 2019-09-25 03:04:06

我认为你需要澄清更多关于动态的部分,如果你想要数据实时显示,你需要像AJAX这样的东西。AJAX将数据发送到控制器,控制器发送到模型,如果操作成功,它将以实时或动态的方式更改数据。

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

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

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/58075774

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档