使用KendoUI折線圖，您如何在類別上添加多個線條標籤？

Question

我正在用KendoUI取代DotNet Charting圖表。我需要能夠在折線圖上放置多行標籤。用標籤上的紅色圓圈看下面的圖片。任何建議將不勝感激。

見我目前的圖表和DOTNET的車我需要更換：

Answer 1

簡短的回答：你不能。

長的回答：你不能，但你在劍道有一個錯誤，可以讓你......有點。

劍道正在爲您的圖表創建一個SVG。 SVG只是XML，您可以通過javascript配置將XML注入到元素中。

對於您的標籤，您必須使用元素來定位文本。看到這個元素的SVG規範：http://www.w3.org/TR/SVG/text.html#TSpanElement

這裏的問題是，Kendo使用左對齊的文本，並且你不能用這個bug修改父元素。這意味着你必須一次一個像素地用手抵消一切。如果你的文字是靜態的，這可能會起作用;如果它是動態的，我甚至不會嘗試它。

你可能能夠通過JS破解一些東西，並在每次Kendo修改它時操縱SVG ......但是如果你要做這麼多的工作，你也可以寫一個圖表庫。

編輯：爲了您的使用，如果您不必精確地鏡像舊顯示器，最好旋轉標籤。