• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >axure > Axure教程:如何画出曲线图?

Axure教程:如何画出曲线图?

作者: @dantina 字体:[增加 减小] 来源:互联网 时间:2017-06-13

本文主要包含axure怎么画曲线,axure画曲线,axure如何画曲线,axure 曲线,axure中怎么画曲线等相关知识, @dantina 希望在学习及工作中可以帮助到您

在做数据可视化类型的页面时,会遇到这样的问题:我想在我的柱状图上画出一条曲线怎么办?

第一步:

在左侧的元件库中点击水平线(或者垂直线都可以),拖动到图中

第二步:

选中水平线,右键将水平线转换为自定义形状(转换为自定义形状:有两种方式,第一种选中水平线后右键选择;第二种选中水平线在右侧菜单中选择属性——形状——选择 转换为自定义形状)

转换为自定义形状1

转换为自定义形状2

第三步:

将鼠标移动到转换为自定义状态的水平线上,当出现一个小+时,可以截取水平线的任意位置点击,会出现一个小口,然后点击鼠标左键移动节点,如下图:

然后就可以将一个水平线变为一个折线,然后拖动几个节点到相应的位置,位置是由自己定的,可以随意拖动,线的长度也会随意变化;

第四步:

依次按照上面的方法,将所有的节点都截取出来

第五步:

鼠标点击折线的区域,折线变为被选中的状态,然后点击鼠标右键依次选择 改变形状——曲线连接各点,就会看到折线变为曲线了

就会得到如上图的曲线图,这样的曲线的弯曲程度,都是系统默认的,可能曲度弯曲角度太大,自己稍作调整,让曲线看起来更平滑

改进:

选中曲线,曲线变为自定义形状状态时,点击需要调节的节点,就会在节点的两侧出现两个黄点的小方点,拖动其中任意一个小黄点都能够改变的曲线的曲度。

调节完成如上图,这个可以自己自由调节,不过回导致每个节点的曲度不一致。不过关系不大。

然后就完成了。其实只要明白了原理就很容易,自定义形状就是可以自己调节线的节点,线的长短,线的曲度等等要素,就能调节出自己想要的自定义图形了。

您可能想查找下面的文章:

  • Axure教程:如何画出曲线图?

相关文章

  • 2017-06-13Axure教程|原型设计之抽屉列表
  • 2017-06-13Axure教程:移动端原型如何适配不同分辨率的手机?
  • 2017-06-13Axure实例:Axure Pro 8制作产品需求文档
  • 2017-06-14Axure8.0小案例:电动机原型
  • 2017-06-14轮播banner简便axure实现方式
  • 2017-06-13Axure教程:如何制作一个不区分大小写的验证码原型?
  • 2017-06-14axure实现网站的通用注册原型设计
  • 2017-06-13Axure教程:用中继器和日期函数实现万年历
  • 2017-06-13Axure 8.0实例:复选框的应用
  • 2017-06-13Axure教程:12306图片验证码的实现(随机可验证)

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • Axure7.0教程(二)中继器的使用(2)
    • axure九宫格拼图的实现原理
    • Axure PR 7.0 实现页面纵向滑动效果
    • 用Axure8.0制作简单的登录窗口
    • Axure教程 | 知乎注册与登录原型
    • 自定义微信元件库:Axure基本元件的应用(下)
    • Axure 8.0实例:复选框的应用
    • axure实现坦克游戏原型
    • 中继器实践:双向列表操作
    • Axure8.0教程:“百度一下,你就知道”搜索首页原型设计

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有