CSS：變換旋轉不適用於跨度內部SVG標記

Question

我已經使用Chartis.js創建了一個圖表。我喜歡這個，因爲它的響應速但水平標籤看起來沒有反應，我試圖使X標籤旋轉90度，以便保留很多空間，但它不起作用。

請幫助我，你可以看到我的小提琴這裏https://jsfiddle.net/740yajof/

Answer 1

我不知道爲什麼，但它工作得很好，當您移動圖表製作的腳本和樣式外部資源。不需要!important或供應商前綴-webkit-*。我剛剛添加了transform-origin: left以將旋轉錨點向左移動（默認情況下它位於中間）。

.ct-label.ct-horizontal.ct-end { 
    transform:rotate(90deg); 
    transform-origin: 0; 
} 

工作例如：https://jsfiddle.net/LukaszWiktor/15zyq0q1/