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

Question

我可以使用 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();
});

我想按照 D3 Documentation on dsv format data 中的建议使用以下代码绘制带有 dsv(分隔符分隔值)格式数据的图表。

d3.dsv("/data/example_data.dsv","|", "text/plain", function(data) { ........ });

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

Answer 1

没有什么区别。我没有使用 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();
});