曲线图的绘制方法 曲线图怎么做

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

曲线图的绘制方法  曲线图怎么做

文章插图
第一步:
在左侧的元件库中点击水平线(或者垂直线都可以) , 拖动到图中
曲线图的绘制方法  曲线图怎么做

文章插图
第二步:
选中水平线 , 右键将水平线转换为自定义形状(转换为自定义形状:有两种方式 , 第一种选中水平线后右键选择;第二种选中水平线在右侧菜单中选择属性——形状——选择 转换为自定义形状)
曲线图的绘制方法  曲线图怎么做

文章插图
转换为自定义形状1
曲线图的绘制方法  曲线图怎么做

文章插图

曲线图的绘制方法  曲线图怎么做

文章插图
转换为自定义形状2
第三步:
将鼠标移动到转换为自定义状态的水平线上 , 当出现一个小+时 , 可以截取水平线的任意位置点击 , 会出现一个小口 , 然后点击鼠标左键移动节点 , 如下图:
曲线图的绘制方法  曲线图怎么做

文章插图
然后就可以将一个水平线变为一个折线 , 然后拖动几个节点到相应的位置 , 位置是由自己定的 , 可以随意拖动 , 线的长度也会随意变化;
曲线图的绘制方法  曲线图怎么做

文章插图
第四步:
依次按照上面的方法 , 将所有的节点都截取出来
曲线图的绘制方法  曲线图怎么做

文章插图
第五步:
鼠标点击折线的区域 , 折线变为被选中的状态 , 然后点击鼠标右键依次选择 改变形状——曲线连接各点 , 就会看到折线变为曲线了
曲线图的绘制方法  曲线图怎么做

文章插图

曲线图的绘制方法  曲线图怎么做

文章插图
就会得到如上图的曲线图 , 这样的曲线的弯曲程度 , 都是系统默认的 , 可能曲度弯曲角度太大 , 自己稍作调整 , 让曲线看起来更平滑
改进:
选中曲线 , 曲线变为自定义形状状态时 , 点击需要调节的节点 , 就会在节点的两侧出现两个黄点的小方点 , 拖动其中任意一个小黄点都能够改变的曲线的曲度 。
曲线图的绘制方法  曲线图怎么做

文章插图

曲线图的绘制方法  曲线图怎么做

文章插图
调节完成如上图 , 这个可以自己自由调节 , 不过回导致每个节点的曲度不一致 。不过关系不大 。
然后就完成了 。其实只要明白了原理就很容易 , 自定义形状就是可以自己调节线的节点 , 线的长短 , 线的曲度等等要素 , 就能调节出自己想要的自定义图形了 。
郑重声明:本文版权归原作者所有 , 转载文章仅为传播更多信息之目的 , 如作者信息标记有误 , 请第一时间联系我们修改或删除 , 谢谢 。