修改剑道UI的柱状图

Question

像这样的自定义图表

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

我的问题是：

• 有没有什么方法可以在类别轴上显示像(category + value)=(balance + $ 1,111)这样的自定义文本？

• 我想在剑道图的每个栏上显示一些标签？

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

• 有没有其他方法可以使用剑道ui在图像链接中创建图表？？？

Answer 1

对不起，您的链接已不起作用。。

对于Category Axies Labels，可以使用模板进行一些格式化，但需要在模型中进行计算。我们对非常长的标签进行了一些截断，并使用模板显示：

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

在列上方显示标记我认为您可以使用series notes属性并向其传递模板。请注意，图形区域内显示的任何内容都是svg格式，而不是html格式。