Javascript 数据表与图表的查询

我有一个问题一直困扰着我一段时间。我想知道是否有可能将数据从datatables查询流到图表。我希望让我详细说明一下。。假设我有一个左边有水果的数据表，右边有一个图表，上面有来自数据表的相同数据，显示水果的数量和类型

让我们这样说：

所以，我的问题是。当我在datatable中查询数据时，是否可能在右侧的图形中显示相同的查询。我正在搜索苹果，因为我的表只过滤苹果结果，所以我也想在图表上显示同样的结果

您不需要提供任何代码，但是一些方向、链接或解释就可以了。多谢各位

我只想指出我使用的是PHP和MySQL。与谷歌和莫里斯图表库

下面是使用PHP的Morris图表示例

<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);
   }
   ?>

是的，这很容易实现

在像自动完成一样键入数据时，首先更新数据表 查询到数据库并将结果集绑定到左侧的表 并将相同的结果集应用于图表右侧 详细信息：

在php中创建一个路由，即/getlist？q=apple，将用户输入作为查询参数传递 以JSON格式从服务器返回正确格式的数据 当用户在文本框中键入时，使用ajax调用路由 启动它，如果卡住了就回来。但至少要试试