我试图使用flot绘制一张图，但它坚持不绘制。该图将是时间与值的关系，因此，Date对象将转换为整数时间戳并用值映射。以下是PHP代码：
$row_temp_data=array();
$row_time_data=array();
foreach($restfulData['rows'] as $row){
array_push($row_time_data, strtotime($row['c']['0']['v'])*1000);
array_push($row_temp_data, $row['c']['1']['v']);
}
$return_array = array_map("self::functionMakePair", $row_time_data, $row_temp_data);
// following render is for testing
$this->render('index', array('return_array'=>json_encode($return_array)));
创建配对的功能是：
function functionMakePair($pair_1, $pair_2)
{
return (array($pair_1 => $pair_2));
}
这段代码在客户端为我提供了以下示例数据结构，它是json_encode之后的$return_array：
[{"1375937439000":29},{"1375937472000":29},{"1375937506000":29},{"1375937539000":29},{"1375937573000":29}]
相应的jquery片段也在这里（不过这里没有什么可疑之处）：
$(function () {
//jQuery Flot Chart
var plot = $.plot($("#statsChart"),
[ { data: <?php echo $return_array?>, label: "Temperature" }], {
series: {
lines: { show: true,
lineWidth: 1,
fill: true,
fillColor: { colors: [ { opacity: 0.1 }, { opacity: 0.13 } ] }
},
points: { show: true,
lineWidth: 2,
radius: 3
},
shadowSize: 0,
stack: true
},
grid: { hoverable: true,
clickable: true,
tickColor: "#f9f9f9",
borderWidth: 0
},
legend: {
// show: false
labelBoxBorderColor: "#fff"
},
colors: ["#a7b5c5", "#30a0eb"],
xaxis: {
mode: "time",
font: {
size: 12,
family: "Open Sans, Arial",
variant: "small-caps",
color: "#697695"
}
},
yaxis: {
font: {size:12, color: "#9da3a9"}
}
});
});
简而言之，我发现flot只在数据采用这种格式（逗号分隔，没有大括号）时绘制图形：
[["1375937439000",29],["1375937472000",29],["1375937506000",29],["1375937539000",29],["1375937573000",29]]
问题是如何以一种好的方式将数据转换为这种格式？
实际上，您不需要改变数据格式来适应图形。。。
如果您使用D3，您可以很容易地生成自定义数据格式的匿名函数。
您可以使用D3，并基于svg绘制图形和悬停线，还可以添加其他图形组件进行交互，例如滑块来选择要放大的子区间，更改标签等。
以此为例进行开发：http://mpf.vis.ywng.cloudbees.net/
（您可以拖动黄色条，然后单击图例；对于源代码，请单击github上的fork-me）
好的，找到了。像往常一样，代码中隐藏了一些细节。
为了将来参考，functionMakePair函数应该是这样的（注意=>改为逗号）：
function functionMakePair($pair_1, $pair_2)
{
return (array($pair_1, $pair_2));
}
这样，数据格式将采用所需的数组格式。