修改 Kendo UI 的柱形图？

Question

Custom chart like this

我想使用kendo Ui column chart创建上面链接图片中所示的图表。

我的问题是：

• 有没有办法在类别轴上显示自定义文本，如 (category + value)=(balance + $ 1,111)...？

• 我想在剑道图表的每个柱状条上显示一些标签？

• 为此，我想在剑道图表上显示带有标签的 Div，但我的问题是当我增加图表的高度时，柱栏的高度也会增加。 我需要的是我想在图表中的列上方添加一些空间。所以在那个空间中我可以放置带有标签的 DIV。但我无法在图表中的列上方添加空格。有什么办法吗？

• 有没有其他方法可以使用 kendo ui 在 Image Link 中创建图表？？？

Answer 1

抱歉，您的链接已失效..

对于类别轴标签，您可以使用模板进行一些格式化，但需要在模型中进行计算。我们对很长的标签做了一些截断，并使用模板显示它：

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

在列上方显示标签我认为您可以使用系列注释属性并将其传递给模板。请注意，图形区域内显示的任何内容都是 svg 而不是 html。