创建类似Google的数据可视化系统的步骤

Question

我希望为我的团队创建一个网络仪表板(日常可视化)。我正在寻找一些关于如何进行的洞察力(也许是步骤，最好的技术等等)。我可以使用jQuery、PHP /CSS，但我缺少mySQL，这在本例中可能是必需的。

因此，以下是要求：

1/我需要创建一个输入接口，以便手动输入当天的数据(这些数据可能最终会被对服务的API调用所取代，但我现在正在手动操作)。

2/ A数据库来捕获数据

3/ A仪表板显示信息3.1/各种图表类型，3.2/ *日期范围选择工具3.3/数据本身，值仅在表中

因此，正如你所看到的，这是真正的谷歌分析-ish。

您能帮我弄清楚我应该使用哪些技术、最佳实践、好的资源(如教程、技术和示例)吗？

提前感谢！

乔纳斯

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，您可以指向该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

这些小部件具有日期范围选择、缩放和链接到日期范围的注释。只有线图可用。