Визуализация в Google аннотированная временная шкала: как устанавливать роли, используя роли json в PHP

Я пытаюсь построить два разных временных ряда, используя аннотированную временную шкалу и PHP, добавив роли — у второй временной серии будет свой тип даты и времени и домен роли. Вот файл index.php:

<script type='text/javascript'>
google.load('visualization', '1', {'packages':['annotatedtimeline']});
google.setOnLoadCallback(drawChartSeptTEC);
function drawChartSeptTEC(){
var json = $.ajax({
url: "get_json_forecast.php",
dataType: "json",
async: false
}).responseText;
var data = new google.visualization.DataTable(json);
var chart = new google.visualization.AnnotatedTimeLine(document.getElementById('chart_div'));
chart.draw(data, {displayAnnotations: true});
}
// setInterval(drawChartSeptTEC, 59000 );
</script>

и на стороне сервера:

<?php
$tempcols=array();
$tempcols[] =array('type' => 'datetime','role' => 'domain');
$tempcols[] =array('type' => 'number','role' => 'data','label'=>'polynomial');
$tempcols[] =array('type' => 'number','role' => 'interval');
$tempcols[] =array('type' => 'number','role' => 'interval');
$tempcols[] =array('type' => 'datetime','role' => 'domain');
$tempcols[] =array('type' => 'number','role' => 'data','label'=>'spectral');

$table['cols'] =  $tempcols;

$rows = array();
$pg_result = pg_query($link,$query);
pg_close($link);
while ($row = pg_fetch_assoc($pg_result)) {
$temp = array();
$correctDateTime = substr_replace($row['time'], ( substr($row['time'],5,2) -1 ) ,5,2);
$temp[] = array('v' => "Date(".$correctDateTime.")");
$temp[] = array('v' => (float) $row['f2poly']);
$temp[] = array('v' => (float) $row['f2polydev']);
$temp[] = array('v' => (float) $row['f2polydev']);
$temp[] = array('v' => "Date(".$correctDateTime.")");
$temp[] = array('v' => (float) $row['f2spec']);
$rows[] = array('c' => $temp);
}

$table['rows'] = $rows;
$jsonTable = json_encode($table);

header('Cache-Control: no-cache, must-revalidate');
header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');
header('Content-type: application/json');
header('Access-Control-Allow-Origin: *');
echo $jsonTable;
?>

Отчеты об ошибках консоли:

Ошибка: за каждым столбцом значений могут следовать один или два столбца аннотации. Столбец № 4 имеет тип datetime.

Визуализация работает, когда я удаляю второй столбец домена.

Роли интервала (то есть полосы ошибок) также не распознаются. Что упрощает вопрос: Как мы настраиваем роли с помощью PHP?

2

Решение

аннотированная временная линия не поддерживает роли. Для достижения результата необходимо использовать другую визуализацию, например:

....
google.load('visualization', '1', {'packages':['corechart']});
....

и построить данные:

...
var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
...

однако эта диаграмма не поддерживает вторую роль домена, поэтому вам нужно использовать один домен (или независимую переменную, скажем, ось x) и использовать для значений y ноль если доменные значения x не имеют соответствующего значения y для обоих наборов данных. В этом случае, и если вы хотите использовать строки, вам нужно установить параметр:

interpolateNulls: true,

в вашей функции draw ().
Другой вариант — использовать график, который быстрее линейного графика.

0

Другие решения

Других решений пока нет …

По вопросам рекламы [email protected]