博客

jQWidgets jqxTagCloud minValueToDisplay属性

  • Post category:jquery

“jQWidgets jqxTagCloud minValueToDisplay属性”是一个用于控制标签云组件中最小权重值的属性。JQWidgets是一个JavaScript库，提供了一系列的UI组件，包括数据可视化、表单组件、图表等。jqxTagCloud是其中的标签云组件之一，用于将一组标签按照权重显示在页面上。

minValueToDisplay属性的作用是控制标签云组件中最小权重值，小于该值的标签将不会被显示，只有大于该值的标签才会显示。该属性是一个数值类型，单位为像素(px)，表示标签云中每个标签的最小字体大小。当标签的权重值小于该属性的值时，标签将不会被显示，反之，标签将以不同的字体大小显示在标签云中。

以下是minValueToDisplay属性的两条示例说明：

示例一：将minValueToDisplay属性设置为20，权重小于20的标签将不会显示

<div id="tagCloud"></div>
<script>
    var tags = [
        {label: 'apple', weight: 18},
        {label: 'banana', weight: 25},
        {label: 'orange', weight: 8},
        {label: 'pear', weight: 14},
        {label: 'grape', weight: 12},
        {label: 'pineapple', weight: 30}
    ];
    $('#tagCloud').jqxTagCloud({
        source: tags,
        minValueToDisplay: 20
    });
</script>

以上代码中，我们创建了一个标签云组件，将minValueToDisplay属性设置为20。在数据源(tags)中，标签‘orange’的权重值为8，小于20，因此不会被显示。其他标签的权重值大于等于20，会以不同的字体大小显示在标签云中。

示例二：将minValueToDisplay属性设置为400，标签云中的所有标签都将被显示

<div id="tagCloud"></div>
<script>
    var tags = [
        {label: 'apple', weight: 100},
        {label: 'banana', weight: 250},
        {label: 'orange', weight: 380},
        {label: 'pear', weight: 140},
        {label: 'grape', weight: 220},
        {label: 'pineapple', weight: 300}
    ];
    $('#tagCloud').jqxTagCloud({
        source: tags,
        minValueToDisplay: 400
    });
</script>

以上代码中，我们创建了一个标签云组件，将minValueToDisplay属性设置为400。在数据源(tags)中，所有标签的权重值都小于400，因此所有标签都会被显示，并以不同的字体大小显示在标签云中。

总之，我们可以使用minValueToDisplay属性来控制标签云组件中最小权重值，以满足我们的显示需求。

Tags: