Javascript 酒窝形状

是否有一种简单的方法可以使用dimple.js修改散点图中圆的形状

我想在这个不同的颜色不同的形状。例如，矩形代表蓝色，三角形代表红色，括号代表黄色

我该怎么做

---

您可以通过编写自定义绘图函数来实现

如果您不关心某些功能（例如工具提示、动画、重复绘制等），您可以将它们剪切掉，从而将代码减少到非常小的程度。这是画星星最基本的绘图仪

var myCustomPlotter = {
  stacked: false,
  grouped: false,
  supportedAxes: ["x", "y"],
  draw: function (chart, series, duration) {
    chart._group
      .selectAll(".my-series")
      .data(series._positionData)
      .enter()
      .append("path")
    // Path Generated at http://www.smiffysplace.com/stars.html
      .attr("d", "M 0 10 L 11.756 16.180 L 9.511 3.090 L 19.021 -6.180 L 5.878 -8.090 L 0 -20 L -5.878 -8.090 L -19.021 -6.180 L -9.511 3.090 L -11.756 16.180 L 0 10")
      .attr("transform", function (d) { 
      return "translate(" +
        dimple._helpers.cx(d, chart, series) + "," + 
        dimple._helpers.cy(d, chart, series) + ")"; 
    }) 
      .style("fill", "yellow")
      .style("stroke", "orange");
  }
};

一旦您开始添加工具提示等，它将变得更加复杂，但您可以使用原始的气泡方法作为基础，并从那里开始工作：

---

因为dimple.js是由d3.js提供动力的，所以您应该能够修改。这是三角形的散点平台。John，你能给我一些建议吗？我如何用dimple.js解决这个问题谢谢！