惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

雷峰网
雷峰网
GbyAI
GbyAI
Stack Overflow Blog
Stack Overflow Blog
Apple Machine Learning Research
Apple Machine Learning Research
The Cloudflare Blog
WordPress大学
WordPress大学
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
F
Fortinet All Blogs
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
Microsoft Azure Blog
Microsoft Azure Blog
酷 壳 – CoolShell
酷 壳 – CoolShell
博客园 - 聂微东
L
LangChain Blog
云风的 BLOG
云风的 BLOG
Jina AI
Jina AI
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
I
InfoQ
大猫的无限游戏
大猫的无限游戏
MyScale Blog
MyScale Blog
人人都是产品经理
人人都是产品经理
小众软件
小众软件
量子位
The GitHub Blog
The GitHub Blog
博客园 - 【当耐特】

博客园 - SimpleSmile

mysql获取库内所有表ddl结构说明 windows环境下安装kafka pip升级 关于SpringBoot的valid校验运行原理-自学 centos下python3.6.8 安装ssl模块 windows根据文件名找到进程,并杀死进程。 Oracle关联表进行修改操作(查询某个表,以某个表作为基础,修改其它表) 解决CentOS 7.x虚拟机无法上网的问题 ORA-00972: identifier is too long异常处理 resttemplate 由于框架原因自带了转xml方式,不改变框架底层情况下,修复为返回json格式 java 操作excel 当jar包执行时,内嵌的文件找不到时,可以这样解决! Email Windows发送成功,Linux却发送失败的可能原因 解决linux时间转换为yyyy-MM-dd md5加密中文windows和linux不一致 【WebDriver实战问题】selenium调用IE11浏览器,报错“找不到元素” mysql sql查询中文正常,而jdbc查询出来是byte[]类型处理 单表递归,查询组织及其自组织的内容信息 vi 关闭自动缩进 python 读写word
Axure10 在线编辑echart
SimpleSmile · 2026-06-04 · via 博客园 - SimpleSmile

1.拖一个矩形框,设定矩形名称:  chartDemo(必填),如图:

image

2.选择新增交互->载入->打开链接->链接到外部URL

image

image

image

3.点击fx

image

4.在弹出的编辑框中,输入echarts代码

image

 示例:(全部拷贝进去即可)

javascript:(
        function(){
                var script=document.createElement('script');
                script.src='https://cdn.jsdelivr.net/npm/echarts@5.4.3/dist/echarts.min.js';
                script.onload=function(){
                    var dom=document.querySelector('[data-label="chartTest"]'); //这个chartTest必须跟矩形框的名称要保持一致!!!!!
                    if(!dom){
                        alert('找不到元件 chartTest');
                        return;
                    }
                    var myChart=echarts.init(dom);
                    var option={
                            tooltip:{},
                            series:[
                                {type:'pie',
                                data:[
                                {value:100,name:'苹果'},
                                {value:200,name:'香蕉'},
                                {value:300,name:'橙子'}]}
                                ]};
                    myChart.setOption(option);
                };
                document.head.appendChild(script);
})()

 6.保存,预览即可

image

7.若需要使用本地的echarts.js文件,因为互联网很慢的情况下...(参考:https://blog.csdn.net/m0_64733847/article/details/149254337)

1.找到本地安装的Axure路径
X:\\xxx\Axure\Axure RP 10\DefaultSettings\Prototype_Files\resources\scripts

2.将echarts.min.js 文件下载到本地,拷贝到上面的路径下。

3.配置echart时,将路径
script.src='https://cdn.jsdelivr.net/npm/echarts@5.4.3/dist/echarts.min.js';
改为相对路径
script.src='resources/scripts/echarts.min.js';
即可.