Axure教程：填入数据自动生成饼图教程

本文将教大家如何用AXURE做一个饼图。

原型预览及下载地址：

https://axhub.im/pro/1882d0a30c3301c9

作者微信：522073019

功能介绍

图表不需要联外网，数据也不是写死的，只需在中继器或表格中填写数据即可自动生成图表，操作简单。
大小、颜色、样式、交互可以自由变换。
鼠标移入时能显示具体数据。

制作方法

1. 材料准备

准备n个半圆形填上不同的颜色，放置同一位置如下图所示。

2. 表格制作

如下图所示，根据需求做好表格，最大的值一定要发在一个个格子。

3. 设置表格总数

表格总数=各值加总

4. 旋转

旋转分两种情况：

1最大值占总值少于等于50%

以鸡尾酒为例，那么第一个图形旋转的角度就是500/总数*360，第二个图形旋转的角度为400/总数*360+第一个半圆旋转的角度，以此类推。

2）最大值占总值大于50%

这时，我们要复制一个和第一个半圆一模一样的半圆，影藏掉，当最大值占总值大于50%时，显示出来。然后在旋转第一个半圆。

以鸡尾酒为例，那么第一个图形旋转的角度就是500/总数*360-180，第二个图形旋转的角度为400/总数*360+第一个半圆旋转的角度，以此类推。

5. 标签制作

做一个标签，如下图所示，默认隐藏。

思路：鼠标移入矩形的时候，显示标签，标签跟随鼠标移动，让Item.no的值=文本标签2，Item.x的值=文本标签1，以此类推。

鼠标移出的时候，隐藏标签即可。

最后，制作完成后，以后使用方便，仅需简单填写中继器的内容，即可拥有完美的效果，所以强烈推荐给各位使用。

有需要原型的小朋友给我留言哦，谢谢阅读。

Axure教程：填入数据自动生成饼图教程相关推荐

Easystructure教程_C语言源代码自动生成流程图
目录 Easystructure教程_C语言源代码自动生成流程图 1. 简介 2. 下载 3. 安装 4. 使用 5. 其他软件推荐 5.1 Mermaid 5.2 Code2flow ** Easy ...
python制作相册_《自拍教程73》Python 自动生成相册文件夹
这里将告诉您<自拍教程73>Python 自动生成相册文件夹,具体操作过程:案例故事: 接Python mediainfo批量重命名图片文件,测试图片是批量重命名好了, 但是将测试图片放于 ...
CityEngine2022 中文版下载、安装、自动生成城市教程
目录一.下载二.安装教程三.自动生成城市一.下载 CityEngine官方授权账户注册及软件下载方法视频链接: CityEngine官方授权账户注册及软件下载方法二.安装教程 CityEng ...
python做相册_《自拍教程73》Python 自动生成相册文件夹
案例故事: 接Python mediainfo批量重命名图片文件,测试图片是批量重命名好了, 但是将测试图片放于一个文件夹相册,图库App并不能显示图片信息, 为了测试的方便性, 需要把图片放到对应的 ...
python从键盘上输入五个数字打一成语_python实现成语填字游戏自动生成题目
开心!先来个成果图记录一下,之前一直觉得很神奇,自动生成题目的算法是怎样的,好奇着好奇着就去试试,其实好像也不涉及到啥算法,摸索着总算弄出来啦,大神莫笑小白之欢喜. image.png 代码还没整理好 ...
Python 自动化教程(4) : 自动生成PPT文件 Part 2 (干货）
系列教程: Python 自动化教程(1) 概述,第一篇 Excel自动化 Python 自动化教程(2) : Excel自动化:使用pandas库 Python 自动化教程(3) : 自动生成PPT ...
用mybatis的generator自动生成代码--坑我都走了一遍，后面的同学别踩了
先说什么是mybatis-generator? mybatis-geneator是一款mybatis自动代码生成工具,可以通过配置,快速生成mapper和xml文件. 步骤一:在pom文件中添加插件配 ...
ASFG - AI可以帮你自动生成字幕文件
ASFG - 开发中的字幕文件自动生成系统这是最新的更新消息,由于个人能力和时间的问题,几次更新后项目的发展和效果仍不能达到预期,请不要对最终效果抱有太大期望并且谨慎尝试源码,一段时间后我会修改该文 ...
php开发工程师名片,PHP编程：利用PHP自动生成印有用户信息的名片
<PHP编程:利用PHP自动生成印有用户信息的名片>要点: 本文介绍了PHP编程:利用PHP自动生成印有用户信息的名片,希望对您有用.如果有疑问,可以联系我们. 前言 PHP教程无论是自己 ...

Axure教程：填入数据自动生成饼图教程

Axure教程：填入数据自动生成饼图教程相关推荐

最新文章

热门文章