带有图表的数据表查询

Posted 2023-02-22

【中文标题】带有图表的数据表查询

【英文标题】：Datatables queries with charts

【发布时间】：2017-04-06 01:38:37

【问题描述】：

我有一个问题一直困扰着我一段时间。我想知道是否可以将数据从数据表查询流式传输到图表。让我详细说明（我希望..）假设我有左侧和右侧带有“水果”的数据表，我有图表，其中包含来自数据表的相同数据，显示水果的数量和类型

让我们这样说：

所以，我的问题是这样的。是否有可能在我的数据表中查询数据以在右侧的图表中显示相同的查询。 （例如，我正在搜索“apples”，因为我的表格只过滤了苹果结果，我也想在图表上显示相同的结果）

您不需要提供任何代码，但一些指导、链接或解释就可以了。谢谢

我只想指出我正在使用 php 和 mysql。使用 Google 和 Morris 图表库。

这是使用 PHP 的莫里斯图示例

<div id="tipLampe"></div>
<?php
   try 
       $db = connectPDO();
       $row = $db->prepare("SELECT tip_lampe,count(tip_lampe) as broj FROM v_rasvjeta GROUP BY tip_lampe"); 
       $row->execute(); 
       $json_data=array();  
       foreach($row as $rec)  
         
           $json_array['label']=$rec['tip_lampe'];  
           $json_array['value']=$rec['broj'];  
           array_push($json_data,$json_array); 
        
   ?>
<script type="application/javascript">
   Morris.Donut(
     element: 'tipLampe',
     data: <?php echo json_encode($json_data,JSON_UNESCAPED_UNICODE)?>
     );
</script>
<?php 
   closePDO($db);   
    catch (PDOException $e) 
   showPDOErrors($e, $db);
   
   ?>

【参考方案1】：

是的很容易实现。

在键入时开始更新数据表（就像自动完成一样） 查询数据库并将result set 绑定到table （在左侧） 并将相同的 result set 应用到您的 chart 以及 （在右侧）

详细信息：

在 php 中创建一个路由，即/getlist?q=apple 以将用户输入作为查询参数传递 以JSON 格式从服务器返回格式正确的数据 当用户输入textbox时使用ajax调用路由

启动它，如果卡住了就回来。但至少尝试一下！