Question

$(function () {
      var data = [[
    			[1456819200000,199.8],
                [1456905600000,219.24],
                [1456992000000,589.68],
                [1457078400000,362.88],
                [1457337600000,145.56],
                [1457424000000,589.68],
                [1457510400000,60.48],
                [1457596800000,547.2],
                [1457938800000,239.4],
      
      var ticks = data[0].map(function (point) { return point[0]; });
     $.plot($("#placeholder"), [data],{	
       xaxis: {
         mode: "time",
         ticks: ticks,
         minTickSize: [1,"day"],
         min: 1456819200000
         max: 1459321200000
         timeformat: "%d"
       },
       series: {
         lines: {
           show: true,
         },
         points: {
           show: true
         },
       },
       legend: {
         show: false
       },
       yaxis: {
         ticks: 5,
         tickDecimals: 0,
       }
     });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://people.iola.dk/olau/flot/jquery.flot.js"></script>
<div id="placeholder" style="width:600px;height:300px;"></div>

我正在关注 - http://jsfiddle.net/JMBucknall/eQ2eb/小提琴

我在图表上只获得一个数据点

Answer 1

既然你提到我，我决定帮忙找出错误。让我数一下方法：

在flot.js
在flot.time.js之后添加脚本标记。
您声明了一个完全正确的格式的数据源（一个数据系列数组，每个数组都是一个图表点数组，每个数组都是一个包含x和ay值的数组）{{ 1}}，但你只是扔了一个叫$.plot()的东西。它应该是[contract]我不知道$.plot("#placeholder", data, configuration);来自哪里。
正如前面提到的，您的代码中有一些名为contract和edate的对象，您可以从中调用某些函数。它们未在此代码中的任何位置定义。我用评论的值替换了它们。
为了实际看到此图表（您在默认的白色背景上声明为白色，我将配置对象的sdate属性从白色更改为黑色。
< / LI>
除了这些天我写这样的事情来设置colors数组之外，这是不可能的。
```
ticks
```

Flot x-axsis没有正确绘图，只绘制了一个数据点

1 个答案: