Datatables запросы с диаграммами

Question

У меня есть один вопрос, который продолжает беспокоить меня какое-то время. Мне было интересно, можно ли передавать данные из запроса данных в диаграмму. Позвольте мне уточнить (надеюсь ...) Предположим, что у меня есть данные с «плодами» с левой стороны, а с правой стороны у меня есть диаграмма с теми же данными из данных, которые показывают количество и тип плода

Let's скажем примерно так:

Итак, мой вопрос в этом. Возможно ли, когда я запрашиваю данные в моем datatable, чтобы показать тот же запрос в графе с правой стороны. (например, я ищу «яблоки», и в качестве результата только для табличного фильтра я хотел бы показать этот же результат на графике)

Вам не нужно указывать какой-либо код, но в каком-либо направлении, ссылки или объяснение будет очень хорошо. Спасибо

Я просто хочу указать, что я использую 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); 
    } 
    ?> 

Answer 1

Да это может быть достигнуто легко.

• Начните с обновлением DataTable при вводе (так же, как автозаполнение)
• запроса к базе данных и привязки, которые result set к table(слева)
• И применить тот же result set на ваш chart а также (справа)

Подробная информация:

• Создание маршрута в PHP т.е. /getlist?q=apple передать пользовательский ввод в качестве параметра запроса
• Возратиться собственно, отформатированные данные с сервера в формате JSON
• Использование Ajax для вызова маршрута, когда пользователь в textbox

Запустите его и вернитесь, если вы застряли. Но попробуй!