标签云或标签云逻辑的最佳实践？

Question

Closed. This question needs to be more focused. It is not currently accepting answers.

---

想要改进这个问题？通过编辑这篇文章来更新问题，使其仅关注一个问题。

5 年前已关闭。

Answer 1

您需要设置最小尺寸，因此可能是fontsize = minsize + Factor * Percent。

您可能想限制尺寸范围；也许采用百分比的平方根或对数，但这取决于您的分布。

对于另一种技术，请查看 Poeticcode 在 标签云上发表的博客文章算法：

接下来，在线性插值中，我们如何设置字体大小/颜色强度的最小和最大边界？例如，我注意到 Amazon.com 将其字体大小调整在 80% 到 280% 之间。因此，云中最低的标签将获得 80% 的字体大小，最高的标签将获得 280% 的字体大小。我决定采用以下公式

150*(1.0+(1.5*m-maxm/2)/maxm)

当指标从潜在的 0 变为 maxm 时，这很好地给出了从 75% 到 300% 的字体大小。

Answer 2

我会检查每个元素的出现情况并跟踪“最大值”（计数最高的元素，因为这将是您的度量）。

接下来计算每个元素与最大元素（即 100%）相比出现的百分比。例如：

foreach ($elements as $element) {
    $percentage = floor(($element['count'] / $maximum) * 100);
}  

接下来为 20 / 40 / 60 / 80 / 100 百分比值创建 CSS 样式，并根据百分比应用正确的 CSS 样式。

或者您可以按照您的建议计算字体大小。

首先得到你的最大值。和最小值并计算价差。 （$ 最大 - $ 最小）。您的字体大小增量将是“步长” - 基本上是 ($max - $min) / $spread。

现在您可以相应地计算字体大小：

$min_size + ($element['occurrence'] - $smallest_array_value) * $step  

不要忘记对结果进行四舍五入。

Answer 3

可以写第二部分给你标记云实现最小值和最大值并传播我有点困惑。

Answer 4

我已经进行了这样的标签云计算：

$v - incoming value,
$minV - minimal value from dataset,
$maxV - maximal value from dataset,
$minFS - minimum font size,
$maxFS - maximum font size,

function roundFontSize($v, $minV, $maxV, $minFS, $maxFS) {
    return $minFS + floor($v / (($maxV - $minV) / ($maxFS - $minFS)));
}

这允许您根据需要舍入字体大小。

字体大小永远不会超过 $minFSad $maxFS 的字体大小范围。