Перевод группы D3 не работает

Question

Я использую следующий код для "преобразования" системы координат 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("transform", "translate(0,500)") (где 500 - высота svg) не дает никакого результата в моей группе. Вывод в браузере:

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

Любая помощь приветствуется. Спасибо заранее.

Answer 1

Я представляю, что два атрибута преобразования перезаписывают, вы должны просто добавить содержимое вместе, например

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