格式化用于JSON和D3.js的数据

时间:2013-08-13 06:26:28

标签: mysql json d3.js

我的MySQL数据库中有以下数据。这三列是我使用查询选择的表的子集。

Value         Date               Time

230.8         13/08/08           15:01:22+22
233.7         13/08/08           15:13:12+22
234.5         13/08/08           15:40:33+22

我想以时间顺序的方式在(值)与(日期和时间)的图表上表示此数据。在使用JSON之前我需要将上述数据放入的格式是什么原因我已经看了几个教程,当我应用相同的逻辑时(像这样:http://www.d3noob.org/2013/02/using-mysql-database-as-source-of-data.html)我似乎不是得到任何图表。

或者JSON和D3.js不符合我的要求吗?我还需要看别的东西吗?像其他一些JavaScript一样?

2 个答案:

答案 0 :(得分:1)

您的问题有点模糊,但我会尝试解决您的一些主题,以帮助您开始使用。

  • 首先,我建议找到符合您需求的可视化。根据您在问题中显示的数据子集,我建议可能this one。有趣的是,如果在给定的中有不同的多个,您可以构建各种时间序列图并以交互方式对它们进行比较。还有其他选择,因此您应该探索并找到一个良好的起点,以改善和适应您的需求。

  • 关于数据的来源/格式,如果您能够将显示的数据提取到变量(例如,使用PHP),则可以操作数据并从中构建结构。它不一定必须是JSON和/或CSV。只要您可以使用d3.js的API函数来处理它。它不是非常困难,但它需要您理解和阅读该主题。首先了解如何使用MySQL查询您的需求。然后,如果您决定使用JSON,我建议您启动here

  • 我上面提到的示例可视化使用CSV文件作为数据源。其他选项可以是例如构建CSV文件(或数据结构 - 即数组)以提供给d3.js.有关“如何使用PHP创建CSV”的各种问题,因此您在查找所需信息时不会有太大困难。

无论哪种方式,在您对这些主题的了解都感到轻松之后,请开始将问题分解为较小的任务,并一次找到一个问题的答案。如果您需要,可以在此处发布更多问题并包含您编写解决方案的尝试,这肯定会为您提供所需的所有帮助。

答案 1 :(得分:0)

在Python中

它看起来像这样:

import json
output = json.dumps(['data', {'data_1': ('230.8', '13/08/08', '15:01:22+22')}, {'data_2': ('233.7', '13/08/08', '15:13:12+22')}, {'data_3': ('234.5', '13/08/08', '15:40:33+22')}])
print output

可以找到有关python和json的更多信息here