使用jQCloud生成标签云时weight权重异常问题求助

问题背景 #

你需要从JSON数据生成人物标签云，JSON示例如下：

{
   "data": "2023/02/14",
   "titolo": "San Valentino e un gatto a tre zampe",
   "anno_1": 1952,
   "anno_2": 1921,
   "anno_3": "",
   "luogo_1": "Italia",
   "luogo_2": "",
   "luogo_3": "",
   "persona_1": "Federico Seneca",
   "persona_2": "Luigi Broggini",
   "persona_3": "Luisa Spagnoli",
   "persona_4": "",
   "parola_1": "Perugina",
   "parola_2": "packaging",
   "parola_3": "ENI",
   "parola_4": "AGIP",
   "parola_5": "Futurismo"
}

你通过PHP提取persona_1到persona_4存入数组，再用jQCloud插件生成标签云，但所有标签的weight均为1，而实际数据中部分人物多次出现（示例：Array ( [] =>78 [Albe Steiner] =>4 [Achille Castiglioni] =>4 ...)），不符合“出现次数多权重更高”的预期。

问题根源 #

你犯了两个核心错误：

• 未正确统计人物出现次数：当前PHP代码只是把所有persona值（包括空值）直接push到数组，没有做次数统计。你示例中的统计数组是预期结果，但实际代码并没有生成这样的关联数组，生成的只是一个包含所有persona值的普通索引数组。
• 循环输出时键值完全搞反：生成JS数组的foreach循环里，你把数组的索引（$personee）当成了人物名，把数组的值（$freqpersone）当成了权重，完全颠倒了jQCloud需要的text和weight对应关系，自然所有权重都不对。

修复步骤 #

1. 修正PHP的统计逻辑 #

重新编写PHP代码，统计每个非空人物的出现次数：

$puntate = "docs/centra.json";
$html = file_get_contents($puntate);
$result = json_decode($html, true);
$persone = []; // 初始化空数组用于统计次数

foreach($result as $row) {
    // 取出所有persona字段，过滤空值
    $personas = array_filter([
        $row['persona_1'],
        $row['persona_2'],
        $row['persona_3'],
        $row['persona_4']
    ]);
    
    // 累加每个人物的出现次数
    foreach($personas as $persona) {
        $persone[$persona] = isset($persone[$persona]) ? $persone[$persona] + 1 : 1;
    }
}

这段代码会生成键为人物名、值为出现次数的关联数组，完全符合后续生成标签云的需求。

2. 修正JS数组的生成逻辑 #

调整foreach循环的键值对应关系，同时修复原JS代码的语法错误：

<script type="text/javascript">
var persone_array = [
<?php
// 遍历统计好的关联数组，键=人物名，值=出现次数
foreach($persone as $nome => $freq) {
    // 转义人物名中的双引号，避免JS语法报错
    $nome_escaped = addslashes($nome);
    echo "{text: \"{$nome_escaped}\", weight: {$freq}},";
}
?>
];
$(function() {
    // 修正配置参数的位置：autoResize要放在配置对象里
    $("#cloudpersone").jQCloud(persone_array, {
        autoResize: true
    });
});
</script>

额外注意事项 #

• 必须用array_filter过滤空值，避免空字符串被统计成标签；
• 用addslashes转义人物名中的特殊字符（比如双引号），防止JS语法错误；
• 原JS代码中autoResize: true的位置错误，必须放在jQCloud的第二个参数（配置对象）内，否则会导致语法报错。

内容的提问来源于stack exchange，提问作者Alessandro