Javascript D3：如何在散点图中设置符号而不是点

我是D3的新手，我试着在散点图中用符号代替点，但我做得不好

我的D3版本是5.16

代码如下：

  setPointsToCanvas(canvas, data, scales, x_label, y_label, lang) {
    canvas
      .selectAll("marks")
      .data(data)
      .enter()
      .append("path")
      .attr("x", d => scales.xScale(d.value_x))
      .attr("y", d => scales.yScale(parseFloat(d.value_y)))
      .attr(
        "d",
        d3
          .symbol()
          .type(d3.symbolCross)
          .size("200")
      );
  }

但我得到的结果是什么都没有：(

您可以在此处找到所有代码：

---

代码所在的文件是“multipleSchetterPlot.js”

SVG路径没有

x

或

y

属性。要定位它们，必须使用

translate

。在您的情况下：

.attr("transform", d => "translate(" + scales.xScale(d.value_x) + "," 
    + scales.yScale(parseFloat(d.value_y)) + ")")

---

path

元素不支持

x

或

y

属性，您需要切换到

transform

：

//Line219
.attr（“转换”，d=>“转换”（+[
刻度.xScale（d.value_x），
scales.yScale（解析浮点（d.value_y））
] + ")")
.attr（“d”，d3.symbol（）.type（d3.symbolCross）.size（“200”））
.attr（“填充”、“红色”）；

“但我得到的结果是什么都没有”…不完全正确，请看左上角：符号都在那里。非常感谢您的帮助@Gerardo Furtado！！！非常有效！！！