2014-05-19 50 views
0

我有我的道場圖表的問題,而我不能讓圖表標籤時存在溢出和圖表標題太長,被截斷。我只是希望能夠使用省略號截斷標題,如果它將超出圖表邊界。道場圖表標題洋溢着省略號(需要截斷能力)

我已經試過了基礎知識,例如試圖將類添加到它包括:

.title { 
    text-overflow: ellipsis; 
    white-space: no-wrap; 
    overflow: hidden; 
} 

但它只會導致整個標題被隱藏。如果我刪除溢出:隱藏部分,則標題顯示,但它仍然溢出圖表區域之外。

我已經有了JSFiddle一個示例,演示問題。

有關如何完成此任何想法?任何幫助是極大的讚賞!

回答

0

我相信Dojo Charts在正確顯示標題時無法正確顯示標題。 Dojo圖表目前所做的一件事情是,它實際上從不計算實際寬度,因此寬度通常爲0px,並且通過計算適當的「左」樣式來使標題居中。這就是爲什麼溢出隱藏最終隱藏整個標題的原因。

一個簡單的替代解決方案是在你自己進行修改之前檢查標題的字符長度。

+0

我不認爲我可以檢查像這樣的字符長度,因爲我不得不考慮字符串的實際大小,因爲不同的語言支持不同的寬度。 – user123456789

+0

我相信你仍然可以使用這裏描述的方法獲得寬度:http://stackoverflow.com/questions/16478836/measuring-length-of-string-in-pixel-in-javascript – Richard