gpt4 book ai didi

kendo-ui - 剑道 UI TreeMap json 绑定(bind)

转载 作者:行者123 更新时间:2023-12-01 00:57:16 26 4
gpt4 key购买 nike

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

我试过这个:

<body>
<div id="treemap"></div>
<script>
var data = [
{
name: "foo123",
value: 10
},
{
name: "foo234",
value: 20
}
];
$("#treemap").kendoTreeMap({
dataSource: data,
valueField: "value",
textField: "name"
});
</script>
</body>

关于我可能遗漏的任何建议?

最佳答案

docs 中所述“TreeMap 是分层的可视化”:

TreeMapping is a visualization for hierarchical data which uses nested rectangles. Each rectangle's size and color is related to the structure of the data, allowing you to more easily identify trends and patterns



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

<body>
<div id="treemap"></div>
<script>
var data = [{
name: "foo",
value: 1,
items: [{
name: "foo123",
value: 10
},
{
name: "foo234",
value: 20
}]
}];
$("#treemap").kendoTreeMap({
dataSource: data,
valueField: "value",
textField: "name"
});
</script>
</body>

关于kendo-ui - 剑道 UI TreeMap json 绑定(bind),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26600934/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com