在做數(shù)據(jù)可視化類型的頁面時，會遇到這樣的問題：我想在我的柱狀圖上畫出一條曲線怎么辦？

第一步：

在左側(cè)的元件庫中點擊水平線（或者垂直線都可以），拖動到圖中

第二步：

選中水平線，右鍵將水平線轉(zhuǎn)換為自定義形狀（轉(zhuǎn)換為自定義形狀：有兩種方式，第一種選中水平線后右鍵選擇；第二種選中水平線在右側(cè)菜單中選擇屬性——形狀——選擇 轉(zhuǎn)換為自定義形狀）

轉(zhuǎn)換為自定義形狀1

轉(zhuǎn)換為自定義形狀2

第三步：

將鼠標移動到轉(zhuǎn)換為自定義狀態(tài)的水平線上，當出現(xiàn)一個小+時，可以截取水平線的任意位置點擊，會出現(xiàn)一個小口，然后點擊鼠標左鍵移動節(jié)點，如下圖：

然后就可以將一個水平線變?yōu)橐粋€折線，然后拖動幾個節(jié)點到相應的位置，位置是由自己定的，可以隨意拖動，線的長度也會隨意變化；

第四步：

依次按照上面的方法，將所有的節(jié)點都截取出來

第五步：

鼠標點擊折線的區(qū)域，折線變?yōu)楸贿x中的狀態(tài)，然后點擊鼠標右鍵依次選擇 改變形狀——曲線連接各點，就會看到折線變?yōu)榍€了

就會得到如上圖的曲線圖，這樣的曲線的彎曲程度，都是系統(tǒng)默認的，可能曲度彎曲角度太大，自己稍作調(diào)整，讓曲線看起來更平滑

改進：

選中曲線，曲線變?yōu)樽远x形狀狀態(tài)時，點擊需要調(diào)節(jié)的節(jié)點，就會在節(jié)點的兩側(cè)出現(xiàn)兩個黃點的小方點，拖動其中任意一個小黃點都能夠改變的曲線的曲度。

調(diào)節(jié)完成如上圖，這個可以自己自由調(diào)節(jié)，不過回導致每個節(jié)點的曲度不一致。不過關系不大。

然后就完成了。其實只要明白了原理就很容易，自定義形狀就是可以自己調(diào)節(jié)線的節(jié)點，線的長短，線的曲度等等要素，就能調(diào)節(jié)出自己想要的自定義圖形了。

本文由 @dantina 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載