Шаги по созданию Google Analytics-подобной системы визуализации данных

Question

Я хочу создать веб-панель для моей команды (ежедневная визуализация).Я ищу некоторое понимание того, как действовать (возможно, шаги, лучшие технологии и т. Д.).Я доволен jQuery, PHP, HTML / CSS, но мне не хватает mySQL, который, вероятно, необходим в этом случае.

Итак, вот требования:

1 / Iнеобходимо создать интерфейс ввода, в котором я бы вручную вводил данные за день (который, возможно, в конечном итоге можно было бы заменить вызовами API для служб, но сейчас я делаю это вручную)

2 / База данных длязахват данных

3 / Панель инструментов для отображения информации 3.1 / Различные типы диаграмм, 3.2 / * ИНСТРУМЕНТ ВЫБОРА ДИАПАЗОНА ДАТЫ 3.3 / Данные, значения только в таблице

Итак, как вы можете видеть, это действительно Google Analytics.

Можете ли вы помочь мне определить, какие технологии мне следует использовать, лучшие практики, полезные ресурсы, такие как учебные пособия, методики и примеры.

Заранее спасибо!

Йонас

Answer 1

Вы можете рассмотреть возможность использования HighCharts для этой цели. HighCharts может легко общаться с любым интерфейсом JSON, посмотрите примеры: http://www.highcharts.com/documentation/how-to-use#live-charts

Пример вызова базы данных может работать так:

<?php
mysql_connect("hostname", "user", "password");
mysql_select_db("mydb");
$result = mysql_query("select * from mytable");
$obj = mysql_fetch_object($result);
mysql_free_result($result);

echo json_decode($obj);

?>

Это вернет действительный JSON с сервера, на который вы сможете указать свои высокие графики и построить графики. Удачи!

Answer 2

Вы можете использовать встраиваемые виджеты диаграмм и обновлять их автоматически без запросов SQL или базы данных - просто используя файлы Dropbox и CSV (или FTP). Вот пошаговое руководство, как это сделать: http://blog.explainum.com/2011/03/how-to-load-data-to-explainum-from.html

Пример веб-страницы с несколькими виджетами: http://blog.explainum.com/p/sample-widgets.html

Виджеты имеют выбор диапазона дат, масштабирование и комментарии, связанные с диапазонами дат. Доступны только линейные графики.