jQWidgets is a JavaScript framework for making web-based applications for PC and mobile devices. It is a very powerful, optimized, platform-independent, and widely supported framework. The jqxTagCloud is used for displaying a set of user-generated tags that go with the articles, posts, or videos on a website.

The takeTopWeightedItems property is used for indicating whether displayLimit will prioritize the highest value members or not for the specified jqxTagCloud.

Syntax:

• For setting the takeTopWeightedItems property:

  $('#jqxTagCloud').jqxTagCloud({ takeTopWeightedItems: true });

 

• For getting the takeTopWeightedItems property:

  var value = $('#jqxTagCloud')
      .jqxTagCloud({ 'takeTopWeightedItems' });

Linked Files: Download jQWidgets from the given link. In the HTML file, locate the script files in the downloaded folder.

<link rel=”stylesheet” href=”jqwidgets/styles/jqx.base.css” type=”text/css” />
<script type=”text/javascript” src=”scripts/jquery.js”></script>
<script type=”text/javascript” src=”jqwidgets/jqxcore.js”></script>
<script type=”text/javascript” src=”jqwidgets/jqxdata.js”></script>
<script type=”text/javascript” src=”jqwidgets/jqxtagcloud.js”></script>
<script type=”text/javascript” src=”jqwidgets/jqx-all.js”></script>

Example: The below example illustrates the jQWidgets jqxTagCloud takeTopWeightedItems property. In the below example, the value of the takeTopWeightedItems property has been set to true.

Output:

Reference: https://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxtagcloud/jquery-tagcloud-api.htm