Как построить граффик по результату PHP кода?

Question

[R3VERS3R_2020]

Помогите привязать результат PHP с javascript. Это у меня первый опыт работы с граффиком
<?php
$conn = oci_connect("");
$g1 = $_POST["value_2"];
$g2 = $_POST["value_3"];
$stid = oci_parse($conn, "select nvl(round(sum(case when t.subs_subs_id = 232 then t.sum_real_volume/60 end),2),0) исход,
nvl(round(sum(case when t.subs_subs_id = 231 then t.sum_real_volume/60 end),2),0) вход, trunc(t.start_date, 'dd')
from dwh.fact t,
dwh. c
where c.subs_id = t.subs_subs_id
and t.start_date >= to_date('$g1', 'yyyy/mm/dd')
and t.start_date <= to_date('$g2', 'yyyy/mm/dd')
group by trunc(t.start_date, 'dd')");
$r = oci_execute($stid);
while ($row = oci_fetch_array($stid, OCI_ASSOC+OCI_RETURN_NULLS))
{
print "' . ($item. "") . "

Answer 1

[BATPYIIIKOB]

Для построения графиков в JS есть удобные библиотеки. Как пример: D3.
Для связки результата и графика вы можете использовать ajax - рнр занимается формированием набора данных и возвращает их в js.

Comments

[R3VERS3R_2020]

можете показать пример как мне изменить нижеуказанный строки

$r = oci_execute($stid);
while ($row = oci_fetch_array($stid, OCI_ASSOC+OCI_RETURN_NULLS))
{
print "' . ($item. "") . "

[BATPYIIIKOB]

R3VERS3R_2020, покажите , что за данные у вас приходят

[R3VERS3R_2020]

BATPYIIIKOB, Там три столбца данных выводит если выгрузить в табличном варианте [230] [400] [16.09.2020]

[BATPYIIIKOB]

А в чём собственно проблема?
Через ajax в js вызываете php функцию, которая и возвращает эти данные в json формате.
Далее в js принимаете данные , обрабатываете и реализуете d3 график, примеров тьма на самом сайте.
Вы умеете работать с ajax запросами?

[R3VERS3R_2020]

BATPYIIIKOB, нет пока поэтому я и спрашиваю

[BATPYIIIKOB]

Вкратце, так:

PHP

<?php

$arr = [];
$i = 0;

while ($row = oci_fetch_array($stid, OCI_ASSOC+OCI_RETURN_NULLS)) .....
{
   $arr[$i] = $item;
   $i++;
}

........

echo json_encode($arr);

JS

Можно повесить событие, типа нажатие кнопки и т.д.... 
.....

fetch('ваш рнр файл')
  .then(response => response.json(res));

и работайте с d3.js с готовыми данными
.....

[BATPYIIIKOB]

R3VERS3R_2020,
читать fetch
читать json
читать D3
если после прочтения будут вопросы, пишите