修改Kendo UI的柱形圖？

Question

Custom chart like this

我想創建圖表，如上圖所示鏈接圖片使​​用kendo Ui column chart。

我的問題是：

• 有什麼辦法，以顯示類別軸距像(category + value)=(balance + $ 1,111)自定義文本...？

• 我想在劍道圖的每個柱欄上顯示一些標籤？

• 爲此，我正在考慮在劍道圖表上顯示Div標籤，但我的問題是當我增加圖表高度時，柱形圖欄的高度也增加了。 我需要的是我想在chart.so中的列上方添加一些空間，我可以在該空間中放置帶有標籤的DIV。但我無法在圖表中的列上添加空白空間。有沒有辦法做到這一點？

• 有沒有其他的方式來創建圖表像在使用kendo ui的圖像鏈接？

Answer 1

對不起，您的鏈接不工作了..

對於類別標籤軸距，您可以使用模板做了一些格式，但需要在模型進行計算。我們做了一些截斷了很長的標籤和使用模板顯示它：

 .CategoryAxis(category => category 
     .Labels(label => label 
      .Rotation(45) 
      .Template("#: dataItem.CategoryLabel #")        
      )    
     ) 

顯示我想你可以使用一系列的列上面的標籤Notes屬性，並通過它的模板。請注意，圖形區域內的任何顯示都在svg而不是html中。