javascript - DimpleJS(D3)中的基本四象限图

我第一次尝试DimpleJS并尝试绘制如下内容：

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

http://jsbin.com/xosehedejo/1/edit

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();

};

<!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>

最佳答案

您以某种使库崩溃的方式使用filterData，这就是为什么什么也没有发生的原因。然后，当您校正将要绘制轴但什么都不会绘制时，您需要添加series来告诉dimple如何绘制数据。

如果一切都正确完成，那么您应该会得到类似this的信息。

我没有使用酒窝的经验，但是要创建该酒杯，我先使用this example，然后使用this wiki来了解不同方法如何协同工作。

关于javascript - DimpleJS(D3)中的基本四象限图，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/29457659/