如何使Dimple Scatterplot无聚合

Question

我正在尝试使用dimple.js在Iris数据上构建散点图。

这是我的代码：

<div id="chartContainer">
<script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
<script src="http://dimplejs.org/dist/dimple.v2.2.0.min.js"></script>
<script type="text/javascript">
var svg = dimple.newSvg("#chartContainer", 590, 400);
  d3.csv("/wp-content/uploads/2016/05/iris.csv", function (data) {
    var myChart = new dimple.chart(svg, data);
    myChart.setBounds(60, 30, 500, 330)
    myChart.addMeasureAxis("x", "sepal_length");
    myChart.addMeasureAxis("y", "sepal_width");
    myChart.addSeries(null, dimple.plot.bubble);
    //myChart.addLegend(200, 10, 360, 20, "right");
    myChart.draw();
  });
</script></div>

结果如下：

我知道酒窝会根据myChart.addSeries(null, dimple.plot.bubble);汇总数据，这就是为什么只有一个泡泡出来的原因。但我想每个数据记录都有泡沫，我该如何取消聚合？

Answer 1

理想情况下，您的数据中包含一个字段，用于标识气泡所代表的内容，您可以将其传递到addSeries的第一个参数中。

myChart.addSeries("Observation", dimple.plot.bubble);

如果你真的没有任何东西可以区分是什么让你的数据中的元素与萼片的宽度和长度不同，那么你可以将它们传递出去：

myChart.addSeries(["sepal_width", "sepal_length"], dimple.plot.bubble);

数组中的最后一个元素用于着色，因此这将导致具有不同萼片长度的所有气泡以不同方式着色。因此，我建议在两个字段之后为系列添加标签：

myChart.addSeries(["sepal_width", "sepal_length", "Sepals"], dimple.plot.bubble);