Question

我第一次尝试DimpleJS并尝试绘制这样的内容：

enter image description here

有人知道我哪里出错吗？似乎什么都没有出现。

＆＃13;

window.onload = function() {

  var data = [
    {
      x:-1, 
      y:3
    }, {
      x:2, 
      y:-1.5
    }, {
      x:5, 
      y:2.5
    }
  ];
  
      var svg = dimple.newSvg("#chartContainer", 590, 400);
      var myChart = new dimple.chart(svg, data);
  
      dimple.filterData(data);
      myChart.addMeasureAxis("x");
      myChart.addMeasureAxis("y");
      myChart.draw();

};

＆＃13;

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Test</title>
  </head>
  <body>
    <div id="chartContainer"></div>
    <script src="http://code.jquery.com/jquery-2.1.3.min.js"></script>
    <script src="https://rawgit.com/mbostock/d3/master/d3.min.js"></script>
    <script src="http://dimplejs.org/dist/dimple.v2.1.2.min.js"></script>
  </body>
</html>

＆＃13;

Answer 1

您以一种使库崩溃的方式使用filterData，这就是为什么没有任何反应。然后，当您更正将绘制轴但未绘制任何内容时，您需要添加series以告知dimple如何绘制数据。

如果一切都正确完成，那么你应该得到类似this的内容。

我之前没有使用凹坑的经验，但为了创建这个，我使用this example然后this wiki来了解不同方法如何协同工作。

DimpleJS（D3）中的基本四象限图

1 个答案: