【Axure高保真原型】可视化环形图

已于 2024-01-25 17:47:45 修改
阅读量735 收藏 7
点赞数 7
文章标签： Axure 产品经理 交互 原型
于 2024-01-25 17:47:22 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mushe93/article/details/135850434
版权

今天和大家可视化环形图的原型模板，，包括4种效果，移入变色在环形中部显示数据、移入变色在标签弹窗显示数据、移入放大在环形中部显示数据、移入放大在标签弹窗显示数据。这个原型是用Axure原生元件制作的，所以不需要联网或者调用外部图表……具体效果可以打开下方原型地址体验或者点击下方视频观看

【原型预览含下载地址】

https://axhub.im/ax9/9a27399d9b2d17a5/#g=1&p=环形图_移入放大

【原型效果】

【Axure高保真原型】可视化环形图

移入变色在环形中部显示数据

图片

移入变色在环形中部显示数据

图片

移入放大在环形中部显示数据

图片

移入放大在标签弹窗显示数据

图片

梓贤Vigo
关注
  • 7
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
用AXURE如何制作动态环比效果
aries_jx的博客
07-27 747
近来做移动端BI设计，想从网上找一个动态的环比原型，自己省点事儿，发现搜了各种地方，大多是解释，如何制作饼状图，或者静态环比图的，无法实现通过变量控制环比的展示效果。最后没办法，只好自己想办法做一个。 一开始的思路是通过一个两个圆形加一个扇形叠加，通过控制扇形的度数来实现，结果想简单了，axure不支持扇形的度数控制。不能通过变量来控制扇形的度数，所以这样做出来的效果只是一个静态展示图。如下图所示： 那如果实现动态的环状效果呢，又仔细看了看axure的交互效果，突然发现了，图片旋转这个动作。通过旋.
Axure图表元件库（环比同比、环形、柱状、折线、饼状）
08-19
Axure元件库图表，其中包含环比同比图、环形图、柱状图、折线图、饼状图、综合统计图
【Axure高保真原型】通过输入框动态控制环形图
mushe93的博客
08-14 558
今天和大家分享通过输入框动态控制环形图的原型模板~~~
Axure RP9 制作圆环动态加载进度条
shandongmike的博客
08-11 2899
利用Axure rp9,制作动态加载的圆环形进度条。在制作的过程中，实现了圆环图形的制作方法，半圆环图形的制作方法，圆环加载效果的实现逻辑及圆环进度条加载进度的计算方法。
Axure8环形进度条原型制作
Miracle1203的博客
10-21 460
实现效果： 1首先拖入一个椭圆形，高度宽度设成250.在拖入一个矩形高度宽度设成140，如图叠在一起，在样式中选择去除 2.再拖入一个椭圆形，长度宽度设成220.如图叠在一起，在样式中选择去除，得到图形如下 3.再拖入椭圆形和矩形叠在一起去除取半圆，设置半圆的高15宽10，在缩放处选择300%，有利于半圆对齐，再填充灰色，去边框，组合 3 ...
【Axure】web端数据可视化设计（数据统计，数据大屏）
weixin_43516258的博客
02-23 3244
本产品整合了各行业数据模板，包括数据大屏、后台数据可视化以及图表组件。简单易用，可快速复制使用。
2024新版68套Axure RP大数据可视化大屏模板及通用组件+PSD源文件
天天打码-16年老码农
01-26 2562
在大屏模板中提供了70多个各类风格的可视化大屏模板，包含地图、社区、园区、工业等常用的业务场景模板，使用时可在模板上直接进行修改，快速产出相关的大屏原型效果。在使用这套作品时，可以对作品中提供模板和组件进行组合扩展，尽情的发挥自己的创意和灵感，制作出更炫酷的大屏可视化效果。作品制作前期整理各类素材和参考案例的就花费了大量的时间，相关的原始素材资源文件达到了数百G左右，消化这些内容便是一个很艰巨的任务，最终要产出一套能满足用户需要的Axure原型模板作品，这是一个异常艰辛的过程。以下是68套中部分模板截图。
66款Axure9高保真大屏大数据可视化看板原型设计.rp
最新发布
07-05
原型包括乡村振兴、智慧园区、智慧楼宇、智慧政务、智慧校园、智慧教育、智慧医疗、智慧医院、智慧交通、智慧工厂、智慧工地、智慧港口、智慧矿山、智慧展馆、智慧水利、智慧水务、智慧市政、垃圾分类、智慧环卫、...
Axure原型:大屏可视化看板原型设计常用元件+地图元件
04-12
首先，Axure是一款强大的交互原型设计工具，它允许设计师通过拖拽和配置各种元件来创建高保真或低保真的原型。"常用组件.png"和"常用组件2.png"文件很可能包含了 Axure 中常见的按钮、文本框、列表、面板等元素，...
AxureRP7.0制作天猫商城WEB高保真原型.zip
03-24
本文将深入探讨使用Axure RP 7.0制作天猫商城WEB高保真原型的相关知识点。 首先，我们要了解什么是Axure RP。Axure RP是一款广泛使用的交互原型设计工具，特别适合创建线框图、交互原型以及规格文档。版本7.0虽然...
JavaScript画图折线图（区域图）、柱状图（条状图）、散点图（气泡图）、K线图、饼图（环形图） 雷达图（填充雷达图）。。。
03-01
商业级数据图表，它是一个纯JavaScript的图标库，兼容绝大部分的浏览器，底层依赖轻量级的canvas类库ZRender，提供直观，生动，可交互，可高度个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验，赋予了用户对数据进行挖掘、整合的能力。 折线图（区域图）、柱状图（条状图）、散点图（气泡图）、K线图、饼图（环形图） 雷达图（填充雷达图）、和弦图、力导向布局图、地图、仪表盘、漏斗图、事件河流图等12类图表
Axure数据图表元件（柱图、饼图、雷达图、折线图、面积图）
01-17
Axure数据图表元件（柱图、饼图、雷达图、折线图、面积图）Axure数据图表元件Axure数据图表元件Axure数据图表元件
axure 可视化图.rar
05-21
axure8.0可视化图表，里边包含了柱状图，折线图 饼图 条形图 甘特图，散点图 漏斗图等等
分享100个数据可视化大屏模板及通用组件库，资源免费下载（Axure高保真原型元件，可一键导入编辑修改）
03-17
Axure元件包括一百张高保真可视化大屏原型模板，下载直接导入Axure rp 元件库，直接编辑修改细节。 开发一张可视化大屏？ 一个完整的大屏开发项目，一般分为需求调研、原型设计、模板开发、大屏调试、正式上线这样五...
【Axure数据可视化大屏原型合集】之智慧行业智慧运维大数据可视化HTML版（大数据运维总览图模板）.zip
07-13
本资源"【Axure数据可视化大屏原型合集】之智慧行业智慧运维大数据可视化HTML版（大数据运维总览图模板）.zip"提供了一套完整的Axure原型，专用于大数据的可视化展示。以下是关于这个主题的详细知识解释： 1. **...
【Axure高保真原型】能增删改的环形图
mushe93的博客
01-18 336
今天和大家分享能自增删改的环形图模板~~~
AxureRP8实战手册-案例8（形状：制作环形进度条）
qq_24857309的博客
07-09 1105
案例8. 形状：制作环形进度条 案例来源: 中国移动APP-流量管家 案例效果： 整体界面效果：（图1-41） 原型实现效果：（图1-42） 案例描述： 环状带缺口的背景条与进度条。 元件准备： 页面中：（图1-43） 思路分析： 通过自定义形状功能可以实现环形进度条的制作。 操作步骤： 1、拖入一个矩形到画布，转换为带缺口的圆形；（图1-44） 2、调整圆形尺寸为宽260*高260，缺口为1/4大小；（图1-45） 3、拖入一个椭圆形到画布...
Axure数据可视化大屏模板及通用组件库 (大屏模板\登录界面\图表组件)
u010291330的博客
01-09 2164
在大屏模板中提供了各类风格和业务场景的大数据可视化展示案例，使用时可在模板的基础上直接进行修改，制作出相同风格的炫酷大屏呈现效果，目前其中提供的大屏模板数量为40套，后续我们还将持续进行更新完善。除了提供现成的可视化模板案例，“授之以渔”也是我们在制作这套作品的一个重要思路，作品中分享的初始框架和图表设计组件，可以让大家有更多自由设计的发挥空间，而不仅仅只是在现有模板上进行修改。为了满足了更多的应用场景，作品中提供了数据百个各种类型和风格的图表组件，以及数值展示、排行展示、地图元素等图表相关的设计组件。
axure 高保真web模板
10-06
Axure是一款专业的原型设计工具，可以帮助设计师快速制作出具有交互功能的高保真原型。Web模板是指事先设计好的页面模板，包括页面结构、布局、样式和元素等，可以在设计中进行灵活的修改和定制。 使用Axure制作高...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

梓贤Vigo

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值