使用KendoUI折线图，如何在类别上附加多个线标签？

Question

我正在用KendoUI取代DotNet Charting图表。我需要能够在折线图上放置多行标签。请参阅下图，标签上有红色圆圈。任何建议将不胜感激。

请参阅我当前的图表和我需要更换的DotNet购物车：

Answer 1

简短回答：你不能。

答案很长：你不能，但是剑道中有一个bug会让你......那种。

剑道正在为你的图表动态创建一个SVG。 SVG只是XML，你可以通过javascript config将XML注入到元素中。

对于您的标签，您必须使用元素来定位文本。请参阅此元素的SVG规范：http://www.w3.org/TR/SVG/text.html#TSpanElement

这里的问题是剑道使用左对齐文本，你不能用这个bug改变父元素。这意味着您必须手动抵消所有内容，一次一个像素。如果您的文本是静态的，这可能会起作用;如果它是动态的，我甚至都不会尝试它。

你可能能够通过JS一起破解某些东西，并且每次剑道修改它时都会动态操纵SVG ......但如果你要去，你也可以编写一个图表库那么多工作。

编辑：对于您的使用，如果您不必完全镜像旧显示器，最好旋转标签。