X-轴值浮点的有向图x-y图

Question

我试图绘制一些多列的x-y数据。如果x轴是一个整数，那么一切都很好.但是如果x轴是一个浮点(这正是我想要的)，我得到：

"Couldn't parse 2.214844 as a date"
...

作为控制台中的错误。如何绘制x轴的浮点数？

数据示例：

2.214844,,,,,0.000000
2.224854,,,,0.000000,
2.234131,0.000000,,,,
2.264893,,,0.000000,,
2.273193,,0.000000,,,
104.372070,,,,0.000000,
104.376709,,,,,0.000000
104.398193,0.000000,,,,
104.498047,,,0.000000,,
104.577148,,0.000000,,,

到目前为止我的代码是：

g = new Dygraph(
            document.getElementById("graphdiv"),
            "./a.csv", 
          {
             labels: ['time','1','2','3','4','5'],
             visibility: [true, false, false,false,false],
             axes: { x: {
                          //valueParser: function(x) {return parseFloat(x);},
                          valueParser: function(x) {return parseInt(x);}
                        }
                   }
           });

我试着用和不带轴的选项。

Answer 1

你发现了很大的窃听器！有向图决定你的x值是基于第一个日期还是数字("2.214844")。在这种情况下，因为不精确的检查，它错了。

这将在下一个图形版本中得到修正。但在此期间，你的选择是：

1. 从该值中添加或删除单个数字，即使其为"2.2148440“，结尾为零。(说真的！)
2. 显式告诉有向图你的x轴是数字的。

这就是它的样子：

g = new Dygraph(
    document.getElementById("graph"),
    csv,
    {
       xValueParser: parseFloat,
       axes: {
         x: {
           valueFormatter: x => x,
           ticker: Dygraph.numericTicks,
           axisLabelFormatter: x => x,
         }
       }
    }
);

见全例。