Групповой перевод D3 не работает

Я использую следующий код для «преобразования» системы координат 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>

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


person user3415290    schedule 18.03.2014    source источник


Ответы (1)


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

.attr("transform", "translate(0,500) scale(1,-1)");
person Robert Longson    schedule 18.03.2014