Kendo ui 剑道UI树映射json绑定

Kendo ui 剑道UI树映射json绑定,kendo-ui,telerik,treemap,Kendo Ui,Telerik,Treemap,我一直在尝试使用KendoUI构建一个非常简单的树映射(没有层次结构),方法是向它提供一些json数据作为数据源。这应该非常简单明了,因为这是一个常见的用例。然而,在花了几个小时的时间之后,我对它一点运气都没有 我试过这个: 风险值数据=[ { 名称:“foo123”, 数值:10 }, { 名称:“foo234”, 价值:20 } ]; $(“#树形图”).kendoTreeMap({ 数据源:数据, valueField:“值”, 文本字段:“名称” }); 关于我可能缺少的内容,有什么

我一直在尝试使用KendoUI构建一个非常简单的树映射(没有层次结构),方法是向它提供一些json数据作为数据源。这应该非常简单明了,因为这是一个常见的用例。然而,在花了几个小时的时间之后,我对它一点运气都没有

我试过这个:


风险值数据=[
{
名称:“foo123”,
数值:10
},
{
名称:“foo234”,
价值:20
}
];
$(“#树形图”).kendoTreeMap({
数据源:数据,
valueField:“值”,
文本字段:“名称”
});
关于我可能缺少的内容,有什么建议吗?

如“树状图是层次结构的可视化”中所述:

树映射是一种使用嵌套 矩形。每个矩形的大小和颜色都与 数据结构,使您能够更轻松地确定趋势和 图案

因此,尝试添加一个“根”级别来包装您的两个元素:


风险值数据=[{
姓名:"富",,
价值:1,
项目:[{
名称:“foo123”,
数值:10
},
{
名称:“foo234”,
价值:20
}]
}];
$(“#树形图”).kendoTreeMap({
数据源:数据,
valueField:“值”,
文本字段:“名称”
});

谢谢,成功了。我不知道我只能在KendoUI树映射中表示层次数据。我在文档()中遇到了这个颜色示例,它没有层次结构,因此具有误导性。