chartist js在x軸上旋轉標籤

Question

我已經設置了一個js小提琴，演示瞭如何根據github上提出的問題來旋轉軸標籤。它在下面的js小提琴示例中工作正常，但是當我在我的網站上嘗試此操作時，標籤不可見。

http://jsfiddle.net/Lnhpwn8x/22/

html { 
    box-sizing: border-box; 
    font-family: Roboto, sans-serif; 
} 

*, *:before, *:after { 
    box-sizing: inherit; 
} 

.ct-label.ct-label.ct-horizontal { 
    position: fixed; 
    justify-content: flex-end; 
    text-align: right; 
    transform-origin: 100% 0; 
    transform: translate(-100%) rotate(-45deg); 
} 

如果我調整屏幕使它更小的標籤出現，所以我覺得這個問題是與圖表的大小做，它佔用了100％的寬度

的

Answer 1

這裏的爲例：

svg.ct-chart-bar, svg.ct-chart-line{ 
    overflow: visible; 
} 
.ct-label.ct-label.ct-horizontal.ct-end { 
    position: relative; 
    justify-content: flex-end; 
    text-align: right; 
    transform-origin: 100% 0; 
    transform: translate(-100%) rotate(-45deg); 
    white-space:nowrap; 
} 

http://jsfiddle.net/madvic/qek2sjs0/4/

現在用長文本工作...