做数据可视化页面时,会遇到这样一个问题:想在自己的直方图上画一条曲线怎么办?
第一步:单击左侧组件库中的水平线,并将其拖动到图中
第二步:选择水平线,然后右键单击将水平线转换为自定义形状
转换为自定义形状1
转换为自定义形状2
第三步:将鼠标移动到转换为自定义状态的水平线。当出现一个小+的时候,可以截取水平线的任意位置点击,就会出现一个小口。然后点击鼠标左键移动节点,如下图:
然后你可以把一条水平线变成一条虚线,然后把几个节点拖到相应的位置,这些位置由你自己决定,可以随意拖,线的长度也会随意变化;
第四步:依次按照上述方法,截取所有节点
第五步:用鼠标点击折线的区域,折线会变成选中状态。然后点击鼠标右键依次选择并改变形状——曲线连接每一点,你会看到折线变成一条曲线。
您将得到如上所示的图表。这种曲线的弯曲程度是系统的默认值。曲率的弯曲角度可能太大,所以稍微调整一下,使曲线看起来更平滑
改进:
选择一条曲线,当曲线变成自定义形状状态时,点击要调整的节点,节点两侧会出现两个小黄点。拖动任意一个黄色小点来更改曲线的曲率。
调整后,如上图所示,这个可以自由调整,但是每个节点的曲率不一致。不过没多大关系。
然后就搞定了。其实只要明白原理就好办了。自定义形状可以自己调整线条的节点、长度和曲率,然后可以调整自己想要的自定义图形。