PHP&JS新手求助：从URL读取JSON生成饼图并转换数据类型

嗨，既然你已经搞定了本地JSON生成饼图的基础，那改成从远程URL拉数据并处理字段类型其实很简单，我给你拆解一下步骤，再附上完整的修改代码：

核心修改点： #

• 用jQuery的$.getJSON请求目标URL获取远程JSON数据
• 遍历返回的数组，把字符串类型的Count转换为浮点型（如果需要整数也可以用parseInt）
• 适配新JSON的字段名：把原来的dataValue: "count"改成dataValue: "Count"，dataLabel: "Badge_SubDomain"改成dataLabel: "Domain"

完整修改后的代码 #

把你原来的<script type="text/javascript">部分替换成下面这段，记得把YOUR_TARGET_URL换成实际的目标URL：

<script type="text/javascript">
$(function () {
    // 替换成你的目标URL
    const targetUrl = "YOUR_TARGET_URL";

    // 用getJSON请求远程数据
    $.getJSON(targetUrl, function(rawData) {
        // 处理数据：把Count从字符串转成浮点型
        const processedData = rawData.map(item => {
            return {
                Domain: item.Domain,
                Count: parseFloat(item.Count) // 若需要整数可替换为 parseInt(item.Count, 10)
            };
        });

        // 初始化饼图，传入处理好的数据
        $("#chart").igPieChart({
            width: "435px",
            height: "435px",
            dataSource: processedData,
            dataValue: "Count", // 对应新JSON的数值字段
            dataLabel: "Domain", // 对应新JSON的分类字段
            labelsPosition: "bestFit"
        });
    })
    .fail(function() {
        // 增加错误处理，避免请求失败无提示
        alert("加载数据失败，请检查URL或网络连接");
    });
});
</script>

额外说明： #

1. 为什么要转类型？因为igPieChart的dataValue需要数值类型来计算饼图比例，字符串会导致图表无法正确渲染。
2. 如果遇到控制台报CORS相关错误，说明存在跨域限制，需要让目标URL的后端配置CORS允许你的页面域名访问，或者用后端（比如PHP）写个代理接口转发请求。
3. 转换类型时如果用parseInt，记得加上第二个参数10来指定十进制，避免意外的八进制解析问题。

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