2012-10-23 83 views
0

我正在嘗試telerik條形圖在我的mvc應用程序中。 x軸標籤上的文本有時會很長,然後重疊。 我該如何解決這個問題?我可以使用這個工具提示嗎?以及如何設置每個欄的工具提示文本?Telerik條形圖x軸與長文本

在此先感謝。

回答

1

可以通過添加Tooltip(true)像這樣添加工具提示:

Html.Telerik().Chart() 
      .Name("chart") 
      .Theme("vista") 
      .Series(series => series 
         .Bar(/*data*/)     
      .CategoryAxis(axis => axis 
        .Categories( /*data*/) 
      .Tooltip(true) 

這將顯示系列(x軸)上懸停的值。

我知道你可以做這樣的事情上旋轉的類別軸標籤:

.CategoryAxis(axis => 
{ 
    axis.Categories(/*data*/); 
    axis.Labels(labels => labels.Rotation(45));//this rotates 45 degrees (you can use whatever value you want) 
} 

,但我不認爲標籤的方法,可在系列。你可以考慮翻轉Series和Axis(如果這對你的數據仍然有意義)。您也可以考慮格式化(縮寫)x軸標籤並添加自己的圖例。

+0

Thaks for response。事情是,即時通訊從數據庫中獲取標籤的值,如果它們的長度超過10個字符,那麼我必須修剪值以使它們適合標籤,但是我想將整個文本顯示爲工具提示,這是可能的嗎?怎麼樣? – Djave