使用KendoUI折線圖，如何在類別上附加多個線標簽？

Question

我正在用KendoUI取代DotNet Charting圖表。 我需要能夠在折線圖上放置多行標簽。 請參閱下圖，標簽上有紅色圓圈。 任何建議將不勝感激。

查看我當前的圖表和我需要更換的DotNet購物車：

Answer 1

簡短的回答：你做不到。

答案很長：你不能，但是劍道中有一個bug會讓你......有點兒。

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

對於標簽，您必須使用元素來定位文本。 有關此元素，請參閱SVG規范： http ： //www.w3.org/TR/SVG/text.html#TSpanElement

這里的問題是劍道使用左對齊文本，你不能用這個bug改變父元素。 這意味着您必須手動抵消所有內容，一次一個像素。 如果您的文本是靜態的，這可能會起作用; 如果它是動態的，我甚至都不會嘗試它。

你可能可以通過JS一起破解某些東西，並且每當Kendo修改它時動態操作SVG ......但如果你要做那么多工作，你也可以編寫一個圖表庫。

編輯 ：為了您的使用，如果您不必完全鏡像舊顯示器，最好旋轉標簽。