axure rp嵌入echarts图表

本文介绍如何在Axure中嵌入Echarts图表,包括选择图表、设计图表、在Axure页面中创建图表容器、添加载入事件及执行JavaScript伪协议,解决预览时可能出现的显示问题,如轴线不显示、数据不全等。

本文章借鉴了两位作者的文档,首先表示感谢老师们的文章。

大家最好研究下两位老师的原文章,如果没有各位老师的文章我也弄不懂怎么操作,在文章中汲取了不少知识。

文章1:https://zhuanlan.zhihu.com/p/105028531?from_voters_page=true   

文章2:https://blog.csdn.net/shirenkan/article/details/109458838

 

由于我研究这个功能时,读了各位老师的文章,实践过程中还是出了不少问题,特地自己总结下,如果各位在实践过程中还有其他问题,欢迎评论区一起讨论

方法有好几种,但是我觉得通过javascript伪协议直接执行ECharts、Highchart的代码,动态引入图表,可以保留原图表的各种动态显示和点击事件等等功能,所以下面只介绍了这个方式

1、首先,设计一下自己的图表

Echarts官网:https://echarts.apache.org/examples/zh/index.html,在这里可以在线编辑图表,设计自己需要的,当然,特别详细和复杂的可能也没有,但是一般的需求都能满足

根据需要选择合适的图表,点击相应的图表样例

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值