可通过四种方法在WordPress页面嵌入动态HTML图表：一、用Custom HTML Block等插件加载Chart.js等库并执行JS；二、配合Safe SVG插件在经典编辑器中注入含script的SVG；三、使用Visualizer等专用图表插件通过短代码快速部署；四、在子主题functions.php中全局注册并加载图表库，配合自定义JS文件渲染。
如果您希望在WordPress页面中展示动态、可交互的HTML图表，但发现默认编辑器无法直接渲染JavaScript图表库生成的内容，则可能是由于WordPress的安全过滤机制阻止了脚本执行。以下是实现此目标的多种方法：
一、使用支持JavaScript的插件嵌入图表
该方法通过安装具备脚本执行能力的插件，在页面中安全加载外部图表库（如Chart.js、D3.js）并运行初始化代码，绕过WordPress默认的脚本过滤限制。
1、登录WordPress后台，进入【插件】→【安装插件】，搜索并安装Custom HTML Block或Insert Headers and Footers插件。
2、启用插件后，编辑目标页面，切换至“区块编辑器”，添加“自定义HTML”区块。
立即学习“前端免费学习笔记（深入）”；
3、在区块内粘贴包含
4、确保插件设置中已启用对内联
二、通过Classic Editor + Safe SVG插件注入内联SVG图表
该方法适用于无需复杂交互、仅需静态或简单CSS动画的SVG图表，利用Safe SVG插件解除WordPress对SVG文件中script标签的默认拦截，实现轻量级可视化。
1、安装并激活Safe SVG插件，同时确保已启用经典编辑器或在区块编辑器中启用“经典小工具”支持。
2、将手写或导出的SVG代码（含内联
3、在页面编辑界面切换至“文本”模式（非可视化模式），将SVG代码直接粘贴到对应位置。
4、更新页面，检查浏览器控制台是否出现SVG script执行错误；若存在，需在Safe SVG插件设置中开启“Allow script tags in SVG”选项。
三、使用专用图表插件（如WPDataTables或Visualizer）
该方法依赖成熟图表插件提供的图形化配置界面，自动处理数据源绑定、前端渲染与响应式适配，无需编写HTML/JS代码，适合非技术人员快速部署。
1、在插件库中搜索并安装Visualizer: Charts and Graphs或WPDataTables，完成激活。
2、进入插件管理界面，创建新图表，选择数据导入方式（CSV上传、Google Sheets链接、手动输入表格等）。
3、在图表配置中指定图表类型（柱状图、饼图、散点图等）、颜色方案、交互选项（悬停提示、点击筛选等）。
4、保存后复制插件生成的短代码（如[visualizer id="123"]），粘贴至页面内容任意位置，发布即可渲染交互图表。
四、通过子主题functions.php注入全局图表库
该方法将Chart.js等核心库注册为WordPress脚本依赖，在全站范围内按需加载，再通过自定义区块或页面模板调用，确保版本统一且避免重复加载。
1、通过FTP或主机文件管理器访问当前启用子主题目录，打开functions.php文件。
2、在文件末尾添加wp_enqueue_script调用，注册CDN版Chart.js，例如：wp_enqueue_script('chart-js', 'https://cdn.jsdelivr.net/npm/chart.js', array(), '4.4.0', true);
3、创建独立JavaScript文件（如chart-renderer.js），存放图表初始化逻辑，使用wp_enqueue_script将其依附于chart-js依赖后加载。
4、在页面HTML区块中添加带有唯一id的
