Javascript 使用Dimple JS和DSV格式数据绘制图表

Javascript 使用Dimple JS和DSV格式数据绘制图表,javascript,d3.js,dimple.js,Javascript,D3.js,Dimple.js,我能够使用DimpleJS绘制图表,数据为tsv格式,如下图所示 var svg = dimple.newSvg("#chartContainer", 590, 400); d3.tsv("/data/example_data.tsv", function (data) { var myChart = new dimple.chart(svg, data); myChart.setBounds(60, 30, 510, 305) var x = myChart.addCategory

我能够使用DimpleJS绘制图表,数据为tsv格式,如下图所示

var svg = dimple.newSvg("#chartContainer", 590, 400);
d3.tsv("/data/example_data.tsv", function (data) {
  var myChart = new dimple.chart(svg, data);
  myChart.setBounds(60, 30, 510, 305)
  var x = myChart.addCategoryAxis("x", "Month");
  x.addOrderRule("Date");
  myChart.addMeasureAxis("y", "Unit Sales");
  myChart.addSeries(null, dimple.plot.bar);
  myChart.draw();
});
我想用dsv(分隔符分隔值)格式的数据绘制图表,使用下面的代码,如


DimpleJS支持DSV格式的数据吗?请提供一个示例或链接,说明如何使用DimpleJS和DSV格式的数据绘制图表

没有区别。我没有使用dsv方法,但如果它有效,它将只是:

var svg = dimple.newSvg("#chartContainer", 590, 400);
var dsv = d3.dsv("|", "text/plain");
dsv("/data/example_data.dsv", function (data) {
  var myChart = new dimple.chart(svg, data);
  myChart.setBounds(60, 30, 510, 305)
  var x = myChart.addCategoryAxis("x", "Month");
  x.addOrderRule("Date");
  myChart.addMeasureAxis("y", "Unit Sales");
  myChart.addSeries(null, dimple.plot.bar);
  myChart.draw();
});

我也有同样的想法,但当我使用上述代码时,它不起作用。。它甚至没有进入d3.dsv(..)函数..我只是查看了dsv文档的链接。看起来你需要额外的步骤,我会编辑我的答案
var svg = dimple.newSvg("#chartContainer", 590, 400);
var dsv = d3.dsv("|", "text/plain");
dsv("/data/example_data.dsv", function (data) {
  var myChart = new dimple.chart(svg, data);
  myChart.setBounds(60, 30, 510, 305)
  var x = myChart.addCategoryAxis("x", "Month");
  x.addOrderRule("Date");
  myChart.addMeasureAxis("y", "Unit Sales");
  myChart.addSeries(null, dimple.plot.bar);
  myChart.draw();
});