最后一步将MySQL连接到PHP到JSON到D3（javascript）很酷的东西multiharts

Question

问题继续存在！这些聪明人都在哪里？链接下载吧！ example.zip（关于“advanced_8stremas，我拿了原版并放了一些类固醇，所以你可以更容易找到问题所在！）现场演示：Advanced graph on steroids 现场演示：Advanced graph Original 现场演示：Simple graph takes values directly from mysql 所以答案在PINK盒子上传递！ XP

这是为高级图生成随机数据的代码！

function CAGARRO() { 
  var data1 = []; 
  var data2 = [];
  var data3 = []; 
  var data4 = [];
  var data5 = [];  
  var data6 = [];
  var data7 = [];
  var data8 = [];

// number 8 means 8lines, number 130 means create 130 x values, 
// .1 means the minimum Y value that the random code can give to all his numbers
stream_layers(8,130,.1).map(function(layer, PIXARADA) { 
      layer.forEach(function(TUTANCAMON, i) {
          var object = { x: TUTANCAMON.x };
          object['stream' + (PIXARADA + 1)] = TUTANCAMON.y;
          eval('data' + (PIXARADA + 1)).push(object);
      });
});


var dataA = extend(data1, data2);
var dataB = extend(data3, data4);
var dataC = extend(data5, data6);
var dataD = extend(data7, data8);

var dataY = extend(dataA, dataB);
var dataZ = extend(dataC, dataD);

var RESULTATS = extend(dataY, dataZ);


return RESULTATS;
}

This tutorial是惊人的，你无法想象将mysql数据库连接到D3（javascript）图表是多么简单。（15分钟实施）

唯一的“问题”是教程中的图表“太简单”了。只需一行！

然后我们就像这里的“非常酷的东西”：Live Demo of the CoolStuff Chart

在这里：Original Source CoolStuff Chart

当你快乐到达这一点时，你会发现以下不同之处： - 教程来源：

d3.json("php/data2.php", function(error, data) {
data.forEach(function(d) {
    d.date = parseDate(d.date);
    d.close = +d.close;
});

本教程源代表从MySQL数据库接收的数据，如下所示：

[{"date":"1-May-12","close":"58.13"},{"date":"30-Apr-12","close":"53.98"},
{"date":"27-Apr-12","close":"67.00"},{"date":"26-Apr-12","close":"89.70"},
{"date":"25-Apr-12","close":"99.00"},{"date":"24-Apr-12","close":"130.28"},
{"date":"23-Apr-12","close":"166.70"},{"date":"20-Apr-12","close":"234.98"},
{"date":"19-Apr-12","close":"345.44"},{"date":"18-Apr-12","close":"443.34"},
{"date":"17-Apr-12","close":"543.70"},{"date":"16-Apr-12","close":"580.13"},
{"date":"13-Apr-12","close":"605.23"},{"date":"12-Apr-12","close":"622.77"},
{"date":"11-Apr-12","close":"626.20"},{"date":"10-Apr-12","close":"628.44"},
{"date":"9-Apr-12","close":"636.23"},{"date":"5-Apr-12","close":"633.68"},
{"date":"4-Apr-12","close":"624.31"},{"date":"3-Apr-12","close":"629.32"},
{"date":"2-Apr-12","close":"618.63"},{"date":"30-Mar-12","close":"599.55"},
{"date":"29-Mar-12","close":"609.86"},{"date":"28-Mar-12","close":"617.62"},
{"date":"27-Mar-12","close":"614.48"},{"date":"26-Mar-12","close":"606.98"}]

这个uggly数据在MySQL上看起来像这样：

无论如何，超级coolStuff图表是所有数据都是用一些奇怪的随机数循环创建的，这对我来说是一个地狱，试图将我从MySQL收到的数据插入到coolStuff代码中！

这里是“CoolStuff”循环的副本：

function testData() {
  var data1 = [];
  var data2 = [];
  var data3 = [];

  stream_layers(3,128,.1).map(function(layer, index) {
    layer.forEach(function(item, i) {
      var object = { x: item.x };
      object['stream' + (index + 1)] = item.y;
      eval('data' + (index + 1)).push(object);
    });
  });

有任何想法吗？

最后一步将MySQL连接到PHP到JSON到D3（javascript）很酷的东西multiharts

1.“MySQL”数据库

2.一个带有一些JSON数据的php文件/网桥

3. D3.js多图表，带有3个折线图。