代码之家 › 专栏 › 技术社区 › tinku

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

dimple.js d3.js javascript

1

tinku · 技术社区 · 10 年前

我可以使用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格式数据?请给我提供一个示例或链接,说明如何使用DimpleJS和DSV格式数据绘制图表

1 回复 | 直到 10 年前

1

John Kiernander 10 年前

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