タグクラウドのタグのフォントサイズを計算する式は何ですか?
質問
タグクラウドがあり、最も使用されているタグのフォントサイズをどのように変更できるかを知る必要があります。
最小サイズと最大サイズを設定する必要があります。
解決
最大のタグに関連する特定のタグに関連付けられたアイテムの数の線形または対数評価を使用して、最小フォントサイズと最大フォントサイズの差を掛け、最小フォントサイズに追加します。たとえば、Pseudocodeの数学は次のとおりです。
let min = 12, max = 24
for each tag
font = (items / items in biggest tag) * (max - min) + min
他のヒント
@Delanの答えをより明確にするために、私はよく知っている言語の例をいくつか作成しました。
JavaScriptの例
var tags =
[
{ Name: "c#", Uses: 100 },
{ Name: ".net", Uses: 75 },
{ Name: "typescript", Uses: 50 },
{ Name: "lua", Uses: 50 },
{ Name: "javascript", Uses: 25 },
{ Name: "jquery", Uses: 1 },
{ Name: "c++", Uses: 0 },
];
var max = 100; // Should be computed
var min = 0; // Should be computed
var fontMin = 10;
var fontMax = 20;
for (var i in tags)
{
var tag = tags[i];
var size = tag.Uses == min ? fontMin
: (tag.Uses / max) * (fontMax - fontMin) + fontMin;
}
C#の例
var tags = new List<Tag>
{
new Tag { Name = "c#", Uses = 100 },
new Tag { Name = ".net", Uses = 75 },
new Tag { Name = "typescript", Uses = 50 },
new Tag { Name = "lua", Uses = 50 },
new Tag { Name = "javascript", Uses = 25 },
new Tag { Name = "jquery", Uses = 5 },
new Tag { Name = "c++", Uses = 5 },
};
int max = tags.Max(o => o.Uses);
int min = tags.Min(o => o.Uses);
double fontMax = 20;
double fontMin = 10;
foreach (var tag in tags)
{
double size = tag.Uses == min ? fontMin
: (tag.Uses / (double)max) * (fontMax - fontMin) + fontMin;
}
試す:
<div data-i2="fontSize:[10,30]">
<span data-i2="rate:1">A</span>
<span data-i2="rate:4">B</span>
<span data-i2="rate:7">C</span>
<span data-i2="rate:12">G</span>
<span data-i2="rate:5">H</span>
</div>
それで
i2.emph();
私はこれを思いつきました:
max_word_count = 412 # should count from list
min_word_count = 44 # should count from list
difference = max_word_count - min_word_count
min_weight = 99 / difference * min_word_count
for each tag
weight = 99 / difference * this_word_count - min_weight + 1
それは私に1〜100の間で言葉を量った。それは私にとって完璧に機能します Znaci.net/arhiv.
免責事項:私は数学が苦手です。
所属していません StackOverflow