要解决的问题

从静态数据到读取文本，这些都不是我们想要的，我们使用动态图表，主要是为了展现从数据库里面读取的内容，如果不能接受数据库数据，那多绚丽的效果都是渣！D3.js能够接受XML数据和Json数据，这个对于开发来讲，才是最强大的。本来嘛，通过js读取Json，这个就是绝配，关于Json，百度百科里面这样解释:

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。它基于JavaScript（Standard ECMA-262 3rd Edition - December 1999）的一个子集。 JSON采用完全独立于语言的文本格式，但是也使用了类似于C语言家族的习惯（包括C, C++, C#, Java, JavaScript, Perl, Python等）。这些特性使JSON成为理想的数据交换语言。易于人阅读和编写，同时也易于机器解析和生成。

json简单说就是javascript中的对象和数组，所以这两种结构就是对象和数组两种结构，通过这两种结构可以表示各种复杂的结构。

1、对象：对象在js中表示为"{}"括起来的内容，数据结构为 {key：value,key：value,...}的键值对的结构，在面向对象的语言中，key为对象的属性，value为对应的属性值，所以很容易理解，取值方法为 对象.key 获取属性值，这个属性值的类型可以是 数字、字符串、数组、对象几种。

2、数组：数组在js中是中括号"[]"括起来的内容，数据结构为 ["java","javascript","vb",...]，取值方式和所有语言中一样，使用索引获取，字段值的类型可以是 数字、字符串、数组、对象几种。 经过对象、数组2种结构就可以组合成复杂的数据结构了。

读取Json数据的方法

读取Json，要使用d3.json(url,[function(error,data){}])方法，直接将数据读到程序中,例如下面的代码读取当前目录下makeJson.php并将结果格式化后保存到data变量里面，注意要测试这个功能，需要将代码放置在服务器目录下使用WEB URL(类似)进行测试。

d3.json("makeJson.php",function(error,data) { var dataset=[]; var xMark=[]; data.forEach(function(d) { dataset.push(d.revenue); str=d.postdate; str = str.replace(/-/g,"http://www.bjmagicdata.com/"); var date = new Date(str); xMark.push(date.getDate()); }); ....其它事件处理代码.... });

数据存放在sqlite数据库里面，结构很简单，就是两列：提交时间（postdate）、销售额（renenue），因为php本身提供了JSON包装的函数，使用如下代码读取数据并封装。