Axure使用echarts详细教程

devtools/2024/10/20 9:55:01/

本次使用的axure版本为rp9,下面是效果图。

接下来是详细步骤

【步骤1】在axure上拖一个矩形进来,命名为myChart(这个根据实际情况来,和后面的代码对应就好) 

【步骤2】 

点击交互->选择加载时->选择打开链接->链接外部地址

点击fx这个符号

【步骤3】在弹窗中输入代码,点击确认,在浏览器中就可以查看了。修改图表的样式只要修改Option中的内容就好了,小小ecahrts拿捏。

 

javascript: $axure.utils.loadJS('https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js');setTimeout(function () {var div = $("[data-label=myChart]").get(0);var Chart5 = echarts.init(div);var option = {xAxis: {type: 'category',data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']},yAxis: {type: 'value'},series: [{data: [150, 230, 224, 218, 135, 147, 260],type: 'line'}]
};if (option && typeof option === "object") {Chart5.setOption(option, true);}
}, 100);


http://www.ppmy.cn/devtools/127255.html

相关文章

23 Shell Script服务脚本

Linux 服务脚本 一、Linux 开机自动启动服务 ​ linux开机服务原理: ​ ①linux系统启动首先加载kernel ​ ②初始操作系统 ​ ③login验证程序等待用户登陆 ​ 初始化操作系统 ​ kernel加载/sbin/init创建用户空间的第一个程序 ​ 该程序完成操作系统的初…

GDAL+C#实现矢量多边形转栅格

1. 开发环境测试 参考C#配置GDAL环境,确保GDAL能使用,步骤简述如下: 创建.NET Framework 4.7.2的控制台应用 注意: 项目路径中不要有中文,否则可能报错:can not find proj.db 在NuGet中安装GDAL 3.9.1和G…

10月18日,每日信息差

第一、现代汽车集团在上海举办了中国前瞻技术研发中心的发布及启新庆典,宣布成立其全资法人公司 —— 现代前瞻汽车技术开发(上海)有限公司。该中心是集团在海外建立的首个前瞻技术研发中心,专注于自动驾驶、智能座舱、共享出行等…

【MR开发】在Pico设备上接入MRTK3(一)——在Unity工程中导入MRTK3依赖

写在前面的话 在Pico上接入MRTK3,目前已有大佬开源。 https://github.com/Phantomxm2021/PicoMRTK3 也有值得推荐的文章。 MRTK3在PICO4上的使用小结 但由于在MacOS上使用MRTK3,无法通过Mixed Reality Feature Tool工具管理MRTK3安装包。 故记录一下…

ssm配置模式

新版 用Java类,全注解demo案例 1. AppConfig.java (Spring主配置类)package com.example.config;import org.springframework.context.annotation.ComponentScan; import org.springframework.context.annotation.Configuration; import org.springframework.cont…

微信小程序+python+mysql,实现登录功能

1.前端 <!-- login.wxml --> <view class"container"><input type"text" placeholder"请输入用户名" bindinput"bindUsername" /><input type"password" placeholder"请输入密码" bindinpu…

简历怎么写?怎么准备面试?怎么让面试官感兴趣?

视频地址&#xff1a;如何写好简历打开找工作的第一道门_哔哩哔哩_bilibili项目介绍不过关&#xff0c;项目责任不清楚&#xff0c;项目技术方案有漏洞&#xff0c;项目优势不明显&#xff0c;八股文没有准备好。都是面试大忌讳。, 视频播放量 1、弹幕量 0、点赞数 0、投硬币枚…

20240803 芯动科技 笔试

文章目录 1、单选题1.11.21.31.42、填空题2.12.23、问答题3.13.23.34、编程题4.14.24.3岗位:嵌入式软件工程师(25届校招)(J12042) 题型:4 道单选题,2 道填空题, 3 道简答题,3 道编程题 1、单选题 1.1 已知 5 个元素的出栈序列是 1,2,3,4,5,6 则对应的入栈顺序可能是 …