jQWidgets jqxHeatMap reverseYAxisPosition() 方法介绍

简介

reverseYAxisPosition() 方法是 jQWidgets jqxHeatMap 组件的一个反转 Y 轴位图的函数。它允许程序员在 Y 轴上沿着从下到上的方向显示热图。

语法

void reverseYAxisPosition();

参数

此函数没有参数。

返回值

此函数没有返回值。

示例

以下示例演示了如何使用 reverseYAxisPosition() 方法来反转热图中的 Y 轴：

$('#heatmap').jqxHeatMap({
    legendScaleCallback: function (value) {
        return value + ' Rockets launched';
    },
    colorScale: {
        colors: ['#00FF00', '#FFFF00', '#FF0000'],
        minValue: 0,
        maxValue: 500
    },
    xAxis: {
        values: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    },
    yAxis: {
        values: ['2016', '2017', '2018', '2019', '2020'],
        reverse: true // 反转 Y 轴
    },
    source: data
});

$('#reverse-y-axis-button').click(function () {
    $('#heatmap').jqxHeatMap('reverseYAxisPosition');
});

在此示例中，我们创建了一个热图并将 reverseYAxisPosition() 方法绑定在一个按钮的 click 事件上。在用户点击按钮时，热图中的 Y 轴将被反转，从而实现了从下到上的方向显示热图。

参考文献

• jQWidgets jqxHeatMap Documentation