Knowledge Base Ever

A method for setting the font size of each label in the tag cloud based on the value of the tag

2019-11-21 22:03:37

label: JavaScript, Tag, Tag Cloud, font-size, Tag cloud, font size

The formula calculated as a percentage is: size = (count - min) * (MAX_PERCENT - MIN_PERCENT) / (max - min) + MIN_PERCENT

The formula calculated by font size is: size = (count / count_max) * (FONT_MAX - FONT_MIN) + FONT_MIN

Assuming the tag is an HTML link and $ is a jQuery object, the code is as follows:

// JavaScript
var count_arr = [];
        var count = $(this).attr("count");
    var count_max = Math.max.apply(null, count_arr);
    $("a.tag").each( function (i, o) {
        var FONT_MAX = 3;
        var FONT_MIN = 1;
        var count = $(this).attr("count");
        var size = (count / count_max) * (FONT_MAX - FONT_MIN) + FONT_MIN;
        $(this).css( "font-size", size + "em");


CentOS7 CentOS PHP Linux Python3 Python MySQL MariaDB YUM JavaScript CSS Redis MySQL8 caching_sha2_password HTML mysql_native_password PHP7 mssql-tools register_shutdown_function Symfony File Upload php-fpm sqlsrv Zend Framework ADDDATE DevExpress JetBrain network interface Shadowsocks-Libev unixODBC-devel height Port 80 string Aura error_get_last password policy requirements SOCKS Web Development data INDENTIFIED BY msodbcsql Redis5 SVN Fedora Media Writer SQLAlchemy absolute Deepin jemalloc mysqlclient Shadowsocks toggle convert FuelPHP PHPUnit Framework ss5.passwd at-symbol Error Control Operator margin password SOCKET vps daemon process IIS MongoDB4 sudoers center Fatal Errors Phalcon SQL Server 2017 WiFi .htaccess DATE_SUB set_error_handler TestCase Compiling PHP frequency conflict PHPUnit ss5.conf apr Elasticsearch7.3 particles.js Slim Vincent Garreau daemon HTTP MongoDB Sudo Failed to build these modules: _uuid pg_bha.conf SQL Server width DATE_ADD ip command MySQL-python scrollbar Tcp BBR Compiling Apache Frameworks PHPStorm ss5-3.8.9 Apache2.4 Elasticsearch libpython3.7m.so.1.0 NodeJs show VIM CURLOPT_POSTFIELDS Minimal ISO substr Bluetooth Failed to build these modules: _ctypes PECL SQL Date Funcitons Wi-Fi date sub INTERVAL root Tag Cloud CodeIgniter font-size ss5 apache httpd dual network interfaces Laravel node.js ShadowsocksR vertical-align CURLFille horiz-align mb_substr PyCharm SUBDATE BarManager exec PEAR SOCKS5 Proxy Server WebStorm date add IntelliJIDEA remi Tag Chrome find PHP5.5 src Apache du jQuery nginx Shadowsocks-Python V2Ray cURL hide MariaDB10.4 PostgreSQL sub folder availability eth0 pdo_sqlsrv SOCKS5 Web Server date Install MongoDB