博客

jQWidgets jqxHeatMap destroy()方法

  • Post category:jquery

jQWidgets jqxHeatMap destroy() 方法

jQWidgets jqxHeatMap 是一种热力图控件，用于在 Web 应用程序中创建热力图。destroy() 方法是 jqxHeatMap 控件的一个方法，用于销毁 jqxHeatMap 控件及其相关资源。本文将详细讲解 destroy() 方法的使用方法，并提供两个示例。

方法

destroy() 方法用于销毁 jqxHeatMap 控件及其相关资源。该方法不接受任何参数。

// 销毁 jqxHeatMap 控件
$("#jqxHeatMap").jqxHeatMap("destroy");

上述代码中，我们使用 destroy() 方法销毁 jqxHeatMap 控件及其相关资源。

示例

以下是两个示例演示如何使用 destroy() 方法。

示例 1

在此示例中，我们创建了一个 jqxHeatMap 控件，并使用 destroy() 方法销毁该控件。

<div id="jqxHeatMap"></div>

<script>
    $(document).ready(function () {
        // 创建 jqxHeatMap 控件
        $("#jqxHeatMap").jqxHeatMap({
            source: data,
            legendScaleCallback: function (value) {
                return value.toFixed(2);
            }
        });

        // 销毁 jqxHeatMap 控件
        $("#jqxHeatMap").jqxHeatMap("destroy");
    });
</script>

在上述代码中，我们创建了一个 jqxHeatMap 控件，并使用 destroy() 方法销毁该控件。

示例 2

在此示例中，我们创建了一个 jqxHeatMap 控件，并使用 destroy() 方法销毁该控件。我们还使用 setTimeout() 方法延迟 5 秒后销毁该控件。

<div id="jqxHeatMap"></div>

<script>
    $(document).ready(function () {
        // 创建 jqxHeatMap 控件
        $("#jqxHeatMap").jqxHeatMap({
            source: data,
            legendScaleCallback: function (value) {
                return value.toFixed(2);
            }
        });

        // 延迟 5 秒后销毁 jqxHeatMap 控件
        setTimeout(function () {
            $("#jqxHeatMap").jqxHeatMap("destroy");
        }, 5000);
    });
</script>

在上述代码中，我们创建了一个 jqxHeatMap 控件，并使用 destroy() 方法销毁该控件。我们还使用 setTimeout() 方法延迟 5 秒后销毁该控件。

以上是 jqxHeatMap 的 destroy() 方法的详细说明，以及两个示例。在示例中，我们使用 destroy() 方法销毁 jqxHeatMap 控件及其相关资源。

Tags: