jQWidgets jqxHeatMap legendSettings 属性

jqxHeatMap 是一款功能强大的热力图组件，提供了许多可定制化的选项。其中 legendSettings 属性是控制热力图图例属性的重要参数之一。下面将介绍 legendSettings 属性的详细内容。

属性值

legendSettings 是一个包含多个可选属性的对象。下面是 legendSettings 常用的属性值：

• visible: 表示图例是否可见，默认为 false。
• backgroundColor: 表示图例背景颜色。
• borderColor: 表示图例边框颜色。
• borderWidth: 表示图例边框宽度。
• position: 表示图例位置，可选值为 'top', 'bottom', 'left', 和 'right'。
• padding: 表示图例的填充距离，当 position 为 'top' 和 'bottom' 时表示上下填充距离，当 position 为 'left' 和 'right' 时表示左右填充距离，单位为像素。

用法

下面展示了如何使用 legendSettings 属性：

$("#heatmap").jqxHeatMap({
    legendSettings: {
        visible: true,
        backgroundColor: "#eee",
        borderColor: "#aaa",
        borderWidth: 1,
        position: "right",
        padding: 5
    }
});

示例

下面是一张显示图例的热力图示例图：

参考文献

• jqxHeatMap API 文档