在flot图表中显示mysql的日期

时间:2016-02-15 18:13:08

标签: javascript php jquery mysql flot

我有一个像这样的javascript数组。

var daten2 = [["2016-02-13","35"],["2016-02-13","35"],["2016-02-14","27"],["2016-02-14","27"],["2016-02-15","21"],["2016-02-15","21"]];

我想在图表中使用flot库显示此数组。日期应该在x轴上。

var options = {

xaxis: {
     mode: "time",
     timeformat: "%Y-%m-%d"}
};
var plot = $("#placeholder").plot([daten2],options).data("plot");

HTML部分如下所示:

<script src="jquery.js"></script>
<script src="jquery.flot.js"></script>
<script src="jquery.flot.time.js"></script>
<script src="jquery.flot.axislabels.js"></script>
<div id="placeholder"></div>

然而它不起作用。仅显示一个日期。它的1970年,似乎是默认日期。我做错了什么?

1 个答案:

答案 0 :(得分:1)

现在开始:将您拥有的数据转换为X轴的JavaScript日期。

var daten3 = daten2.map(function (element) {
  return [new Date(element[0]), element[1]];
});

$.plot("#placeholder", [daten3], options);