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/