jQWidgets jqxTreeMap headerHeight 属性介绍

jQWidgets jqxTreeMap 是一个交互式的数据可视化组件，可以根据数据集合为层次结构化数据创建网站的内容布局。它显示根据层次结构化数据自动生成的矩形区域，其中每个矩形代表一个总体，大小和颜色可以表示其数量和重要性。jqxTreeMap 提供了一个 headerHeight 属性，用于指定每个节点顶部的标题栏高度。

属性说明

• headerHeight：表示每个节点顶部标题栏的高度。默认值为 0。

使用方法

可以通过设置 headerHeight 属性更改 jqxTreeMap 中每个节点顶部标题栏的高度。下面是一个简单示例：

<div id="jqxTreeMap">
</div>

$("#jqxTreeMap").jqxTreeMap({
    theme: "energyblue",
    source: data,
    height: 500,
    headerHeight: 50 // 设置每个节点顶部标题栏高度为 50 像素
});

注意事项

• 如果 headerHeight 的值为 0，将不会为每个节点添加标题栏。
• 如果节点的标题文本过长，可以通过设置 headerHeight 属性增加标题栏高度来容纳更多文字。

总结

使用 jQWidgets jqxTreeMap 组件的 headerHeight 属性可以定制化每个节点的标题栏高度，增加了组件的可扩展性，同时也可以更好地显示长标题。