【问题标题】:Draw Chart using Dimple JS with DSV format data使用带有 DSV 格式数据的 Dimple JS 绘制图表
【发布时间】:2014-09-02 08:23:59
【问题描述】:

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

【问题讨论】:

    标签: javascript d3.js dimple.js


    【解决方案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();
    });
    

    【讨论】:

    • 我也有同样的想法,但是当我使用上面的代码时它不起作用..它甚至没有进入 d3.dsv(....) 函数..
    • 我刚刚查看了 dsv 文档的链接。看来您需要额外的步骤,我将编辑我的答案
    猜你喜欢
    • 1970-01-01
    • 2018-06-20
    • 1970-01-01
    • 2020-02-17
    • 2020-06-11
    • 2015-11-15
    • 2020-12-12
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多