修复一下 Handsome 主题顶部统计图表不显示的问题

博主： xuan
发布时间：2026 年 07 月 25 日
967 次浏览
11 条评论
2685字数
分类：网站优化

## 问题

点击导航栏饼图图标，下拉面板里各图表一直 Loading...
![](https://static.blog.ybyq.wang/usr/uploads/2026/07/25/2026-07-25T09:41:48.png?x-oss-process=style/shuiyin)

---

## 原因

统计图表由 `core.min.js` 驱动，点击饼图后依次：**加载 ECharts → 请求统计数据 → 渲染图表**，任一步失败都不显示。

| 步骤 | 失败原因 |
|------|----------|
| 加载 ECharts | `ECHART_CDN` 配错，路径拼成 `.../echarts.min.js/echarts.min.js` → 404 |
| 请求数据 | 接口 `/?action=get_blog_statistic` 被 CDN 缓存污染，返回首页 HTML 而非 JSON |
| 渲染图表 | 前两步成功才会执行 |

---

## 修复步骤

`core.min.js` 是混淆文件，而且以后还要升级，不宜直接改。ECharts 路径可通过配置修正；统计接口 URL 写死在 core 里，只能在 footer 拦截 `$.getJSON` 改写请求地址。

### 1. 修正 ECharts 路径

编辑 `usr/themes/handsome/component/header.php`，将 `ECHART_CDN` 改为本地静态目录：

![](https://static.blog.ybyq.wang/usr/uploads/2026/07/25/2026-07-25T09:39:28.png?x-oss-process=style/shuiyin)

```php
ECHART_CDN: '<?php echo rtrim(STATIC_PATH, "/"); ?>/static/js',
```

core 会拼上 `/echarts.min.js`，最终加载 `{STATIC_PATH}static/js/echarts.min.js`。使用自定义静态 CDN 时需同步该文件。

### 2. 拦截统计接口

编辑 `usr/themes/handsome/component/footer.php`，在 `core.min.js` 引用之后插入脚本。core 写死的 `/?action=get_blog_statistic` 在 CDN 下会拿到首页缓存，拦截后改走 `/index.php?action=...` 即可绕过。

![](https://static.blog.ybyq.wang/usr/uploads/2026/07/25/2026-07-25T09:38:24.png?x-oss-process=style/shuiyin)

代码：
[hide]
```js
<script>
(function ($) {
    if (!$ || !$.getJSON) return;
    var originGetJSON = $.getJSON;
    $.getJSON = function (url, data, success) {
        if (typeof url === 'string' && url.indexOf('action=get_blog_statistic') !== -1 && url.indexOf('index.php') === -1) {
            var callback = typeof data === 'function' ? data : success;
            var params = (data && typeof data === 'object') ? data : undefined;
            var qs = url.indexOf('?') >= 0 ? url.substring(url.indexOf('?')) : '?action=get_blog_statistic';
            var blogUrl = (window.LocalConst && LocalConst.BLOG_URL) ? LocalConst.BLOG_URL : '/';
            var fixedUrl = blogUrl.replace(/\/?$/, '/') + 'index.php' + qs;
            return $.ajax({
                url: fixedUrl,
                data: params,
                dataType: 'json',
                cache: false
            }).then(function (res) {
                if (!res || !res.post_calendar) {
                    return $.Deferred().reject('invalid statistic payload').promise();
                }
                if (typeof callback === 'function') callback(res);
                return res;
            });
        }
        return originGetJSON.apply($, arguments);
    };
})(window.jQuery);
</script>
```
[/hide]

---

## 验证

强刷页面，点击饼图图标，图表正常显示即可。

![](https://static.blog.ybyq.wang/usr/uploads/2026/07/25/2026-07-25T09:41:10.png?x-oss-process=style/shuiyin)

问题

点击导航栏饼图图标，下拉面板里各图表一直 Loading...

原因

统计图表由 core.min.js 驱动，点击饼图后依次：加载 ECharts → 请求统计数据 → 渲染图表，任一步失败都不显示。

步骤	失败原因
加载 ECharts	`ECHART_CDN` 配错，路径拼成 `.../echarts.min.js/echarts.min.js` → 404
请求数据	接口 `/?action=get_blog_statistic` 被 CDN 缓存污染，返回首页 HTML 而非 JSON
渲染图表	前两步成功才会执行

修复步骤

core.min.js 是混淆文件，而且以后还要升级，不宜直接改。ECharts 路径可通过配置修正；统计接口 URL 写死在 core 里，只能在 footer 拦截 $.getJSON 改写请求地址。

1. 修正 ECharts 路径

编辑 usr/themes/handsome/component/header.php，将 ECHART_CDN 改为本地静态目录：

ECHART_CDN: '<?php echo rtrim(STATIC_PATH, "/"); ?>/static/js',

core 会拼上 /echarts.min.js，最终加载 {STATIC_PATH}static/js/echarts.min.js。使用自定义静态 CDN 时需同步该文件。

2. 拦截统计接口

编辑 usr/themes/handsome/component/footer.php，在 core.min.js 引用之后插入脚本。core 写死的 /?action=get_blog_statistic 在 CDN 下会拿到首页缓存，拦截后改走 /index.php?action=... 即可绕过。

代码：

此处内容需要评论回复后（审核通过）方可阅读。

验证

强刷页面，点击饼图图标，图表正常显示即可。

最后修改：2026 年 07 月 25 日

如果觉得我的文章对你有用，请随意赞赏

END

本文作者： xuan
文章标题：修复一下 Handsome 主题顶部统计图表不显示的问题
本文地址：https://blog.ybyq.wang/archives/1837.html
版权说明：若无注明，本文皆Xuan's blog原创，转载请保留文章出处。

发表评论取消回复
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

评论 *

打卡

语录

私密评论

名称 *

🎲

邮箱 *

地址

11 条评论

claude中转站 Mac OS X Safari 537.36 中国广东省广州市番禺区电信
August 31st, 2026 at 08:34 pm

原来饼图一直loading是这样折腾的啊，看来得同时改header和footer才行，不然光改CDN路径还是没用

回复
1. xuan 未知操作系统未知浏览器本机地址
  August 31st, 2026 at 08:34 pm
  
  @claude中转站
  
  哈哈，看来你已经抓到关键了！没错，这个问题的坑就在这——光换CDN路径只是让ECharts能加载，但核心逻辑还得靠footer里的脚本去触发。所以header和footer得一起改，少一处图表都会卡在loading转圈。我当初排查时也是绕了好一会儿才反应过来。如果还有啥细节不清楚，随时留言，咱们一起折腾！
  
  回复
免费算命 Windows 10 Safari 537.36 中国广西联通
August 22nd, 2026 at 12:02 am

文章不错支持一下，非常喜欢

回复
1. xuan 未知操作系统未知浏览器本机地址
  August 22nd, 2026 at 12:02 am
  
  @免费算命
  
  谢谢支持！能帮到你或者让你喜欢，我也很开心～如果你在折腾主题或遇到其他问题，随时留言交流，咱们一起研究。
  
  回复
知名的女孩 Windows 10 Edge 151.0.0.0 中国香港电讯盈科有限公司
August 21st, 2026 at 01:34 pm

感谢@

回复
1. xuan 未知操作系统未知浏览器本机地址
  August 21st, 2026 at 01:34 pm
  
  @知名的女孩
  
  不客气，能帮到你就好！图表不显示基本就是 ECharts 加载或数据请求卡住了，按文章步骤一步步排查通常能解决。如果还不行，欢迎把具体报错发我，一起再看看～
  
  回复
免费算命 Windows 10 Safari 537.36 中国广西河池市联通
August 15th, 2026 at 11:01 pm

文章不错支持一下，非常喜欢

回复
1. xuan Windows 10 Safari 537.36 中国福建省厦门市移动
  August 16th, 2026 at 12:38 pm
  
  @免费算命
  
  你算姻缘准吗
  
  回复
2. xuan 未知操作系统未知浏览器本机地址
  August 15th, 2026 at 11:01 pm
  
  @免费算命
  
  谢谢支持！能帮到你我也很开心～这篇文章确实是自己踩了坑才总结出来的，希望大家都能少走弯路。如果之后遇到其他主题或博客相关的问题，欢迎随时留言交流，我尽量帮大家看看！
  🤖 AI辅助回复
  
  回复
codex中转站 Mac OS X Safari 537.36 中国广东省广州市番禺区电信
July 30th, 2026 at 01:37 am

原来统计图表加载失败是这个原因啊，我也遇到过这个问题，之前还以为是 ECharts 的事儿呢。按照你说的在 footer 里拦截改地址，确实解决了。

回复
acevs Windows 10 Firefox 153.0 中国山东省青岛市联通
July 26th, 2026 at 12:50 pm

可以显示了。

回复