D3组翻译不起作用

Question

我使用以下代码来＆＃34;转换＆＃34; SVG坐标系到普通笛卡尔坐标系：

      .append("svg")
            .attr("width", this._width)
            .attr("height", this._height)
            .append("g")
            .attr("id", "canvas")
            .attr("transform", "translate(0,500)")
            .attr("transform","scale(1,-1)");

出于某种原因，.attr（＆＃34; transform＆＃34;，＆＃34; translate（0,500）＆＃34;）（其中500是svg的高度）不会在我的组中产生任何结果。 在浏览器中输出：

<g id="canvas" transform="scale(1,-1)"></g>

感谢任何帮助。请提前感谢。

Answer 1

我想两个变换属性都会覆盖，你应该只将内容附加在一起，例如

.attr("transform", "translate(0,500) scale(1,-1)");