SVG 및 JavaScript 막 대형 차트를 뒤집는 방법은 무엇입니까?

Question

현재 SVG 및 JavaScript로 만든 막 대형 차트가 있습니다. 수직으로 만들기 위해 좌표계를 뒤집어 씌우면 어떻게 될까요?

values.forEach(function(d, i) { 
    barAuto(s,"rect", 
    {"x": 5,"y": 25 * i, "width": d * 20, "height": 19}) 
}) 

barAuto는 배열을 반복하여 자동으로 막대를 만드는 함수입니다.

나는 현재 내 CSS 파일이 있습니다

rect { fill: blue; 
transform: translate(295px, 115px) 
} 

Answer 1

당신이 그것을 뒤집어 당신의 transform에서 scale(-1), scaleX(-1) 또는 scaleY(-1)를 사용하는 방법에 따라.