d3plus不从csv加载数据

Question

我的代码：

function d3_chart() {
      // sample data array
      // instantiate d3plus
      var visualization = d3plus.viz()
        .container("#viz")  // container DIV to hold the visualization
        .data("./extra/acc.csv", {"filetype": "csv"})  // data to use with the visualization
        .type("line")       // visualization type
        .y("x")         // key to use for y-axis
        .x("timestamp")          // key to use for x-axis
        .draw()             // finally, draw the visualization!
    }

我的csv：

timestamp,x,y,z
0,2019-02-28 12:20:19.631,1.072,-0.153,10.113
1,2019-02-28 12:20:19.731,1.072,-0.153,10.419
2,2019-02-28 12:20:19.831,1.072,-0.153,9.96
3,2019-02-28 12:20:19.931,1.072,-0.153,10.113
4,2019-02-28 12:20:20.031,1.072,-0.153,10.113
5,2019-02-28 12:20:20.132,1.225,-0.153,9.96
6,2019-02-28 12:20:20.231,1.225,-0.153,9.96
7,2019-02-28 12:20:20.331,1.225,-0.153,9.96
8,2019-02-28 12:20:20.431,0.919,-0.306,9.5
9,2019-02-28 12:20:20.531,0.919,0.459,9.807
10,2019-02-28 12:20:20.631,1.225,0.153,10.113
11,2019-02-28 12:20:20.731,1.379,-1.992,10.113
12,2019-02-28 12:20:20.831,1.838,-0.306,9.653
13,2019-02-28 12:20:20.931,0.153,0.766,10.113
14,2019-02-28 12:20:21.032,0.459,1.532,10.266
15,2019-02-28 12:20:21.133,1.072,0.0,9.96

我刚收到消息:没有可用的数据

怎么啦？我在互联网上找不到任何通过这个库加载csv的例子

或者用简单的例子知道如何通过通用D3从csv中绘制图表？

Answer 1

d3plus似乎使用的是d3.js的v3.5.15。无论如何，您都需要告诉d3plus如何加载数据。阅读API文档，您似乎必须使用以下命令加载数据

解释为here的d3plus.dataLoad(path, [formatter], [key], [callback])。

或者，您可以使用d3.js解析您的csv文件并将其作为数据传递。要做到这一点，可以使用

d3.js CSV API中提供的d3.csv.parse(string[, accessor])。

请记住，在这两种情况下，您都需要将时间戳格式化为正确的时间格式(对于d3.js Time Format API doc)，以便能够使用时间刻度。另外，至少对于d3.js来说，当从CSV解析数据时，所有的值都是字符串值，因此您需要使用类型转换函数来更改值的类型。您可以在关于如何通过Learnjsdata (d3.js v3或d3.js v5)读取数据的伟大指南中了解更多信息。

对于d3.js v3来说，有几个导入数据进行处理的例子，总的来说，这可能是一个更好的选择。另外，考虑到d3plus在一年多的时间里没有获得github提交，因此该库可能得不到很好的支持。

我希望这对你有所帮助，至少能给你一个开始。如果您需要更多帮助，请在下面留言。