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

Draw Chart using Dimple JS with DSV format data

本文关键字：绘制 数据 格式 DimpleJS DSV 使用      更新时间：2023-09-26

我可以使用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文档中关于dsv格式数据的建议

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

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();
});
相关文章：