使用带有DSV格式数据的Dimple JS绘制图表

时间:2014-09-02 08:24:00

标签: 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.addCategoryAxis("x", "Month");
  x.addOrderRule("Date");
  myChart.addMeasureAxis("y", "Unit Sales");
  myChart.addSeries(null, dimple.plot.bar);
  myChart.draw();
});

我想使用以下代码绘制带有dsv(分隔符分隔值)格式数据的图表,如D3 Documentation on dsv format data

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

DimpleJS是否支持DSV格式数据?请提供一个示例或链接,了解如何使用带有DSV格式数据的DimpleJS绘制图表

1 个答案:

答案 0 :(得分: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();
});