Axure引入Echarts图无法正常显示问题

一、解决办法

**去Apache ECharts官网https://echarts.apache.org/zh/index.html找到最新版本的echarts.min.js文件,复制到代码栏中。**如果你是去复制的别人代码栏,加载不出来Echarts图,最大原因就是浏览器找不到echarts.min.js文件,需要去找到最新版本进行更新。

二、引入Echarts图步骤:

1、拖入一个矩形框

2、准备Echarts图,这里要准备好代码(引入代码+Echarts图代码)

注意:代码中的注释在引入axure时都要去掉

javascript:

var script = document.createElement('script');

script.type = "text/javascript";

script.src ="https://cdn.jsdelivr.net/npm/echarts@5.5.1/dist/echarts.min.js";

document.head.appendChild(script);

setTimeout(function(){

var dom =$('data-label=test').get(0);

var myChart = echarts.init(dom);

var option = {

//复制下面图片中option的代码

};

if (option && typeof option === "object"){

myChart.setOption(option, true);

}}, 800);

3、给矩形设置交互效果

相关推荐
孟陬1 小时前
Foobar 技术周刊#159:当看不懂代码时,如何高效排障调试。脏页陷阱:一条只读查询,写入数 TB 数据。推测解码:大模型加速利器
前端·人工智能·后端
Zhao-Jichao1 小时前
AI Prompting for Everyone 课程笔记 - P17 图像生成 Imaging Generation
前端
Highcharts.js2 小时前
智能数据分析组件Orbit 正式发布与快速上手体验教程
前端·人工智能·信息可视化·数据分析系统·highcharts·orbit·智能可视化
Dream-Y.ocean2 小时前
鸿蒙PC平台星图遥感适配实战:基于 Electron 壳方案的纯 JavaScript 遥感图像处理引擎开发
javascript·electron·harmonyos
螺丝钉tina3 小时前
[Playwright ][16]Playwright + TypeScript API 自动化测试实战:API测试
前端·javascript·typescript
小天源3 小时前
智叟云集系统 · 架构与职责分层
服务器·前端·数据库
Highcharts.js5 小时前
React 中原生支持使用 JSX 组件配置自定义表格 Highcharts Grid
前端·javascript·react.js·前端框架·jsx·highcharts·自定义表格
Java后端的Ai之路5 小时前
【AIAgent开发】-Agent工具封装成CLI(纯干货!!!)
java·javascript·人工智能·agent·cli
薛定谔的猫-菜鸟程序员5 小时前
Electron开发超详细教程(从入门到放弃)
前端·javascript·electron
最强小杰6 小时前
DeepSeek V4 Flash + Codex CLI 接入教程:原生 Responses API 适配,从配置到跑通收藏这篇就够了(2026)
java·前端·python·ai