XD拉框助手是款adobeXd的繪制圖表插件，內(nèi)置多種圖形生成方法，通過它能夠快速的生成折線圖、面積圖、柱狀圖、餅圖、雷達(dá)圖，還能直接生成全國各個(gè)省、市、區(qū)的地圖，輕松看到數(shù)據(jù)變化。

XD拉框助手功能

節(jié)約時(shí)間

一般來說，使用Xd繪制真實(shí)數(shù)據(jù)的圖表是一個(gè)非常耗時(shí)的過程

簡單方便

拉個(gè)框，填寫顏色值，點(diǎn)擊確定就可以輕松獲得你想要的圖表效果

自動(dòng)化

自動(dòng)化繪制的視覺元素將準(zhǔn)確地表示數(shù)字、尺寸、間距，實(shí)現(xiàn)結(jié)果真實(shí)可靠。

容易實(shí)現(xiàn)

拉框助手生成的界面，開發(fā)小哥使用Echarts一定能夠?qū)崿F(xiàn)，實(shí)現(xiàn)效果能與設(shè)計(jì)圖一致

XD拉框助手安裝

1、從本站下載Xd拉框助手安裝包，解壓后，找到Xd拉框助手V1.0.1.XDX文件。

2、雙擊XDX文件,點(diǎn)擊安裝即可。

3、會(huì)得到提示插件已安裝

4、這樣插件就可以使用了。

XD拉框助手使用教程

折線圖繪制步驟

1、使用Xd的矩形工具在界面上繪制一個(gè)矩形。

2、勾選你需要繪制的內(nèi)容，包括圖表的橫線、豎線、文字、線條、面積圖、每個(gè)點(diǎn)繪制一個(gè)小圓圈等等

3、選擇您是要繪制隨機(jī)數(shù)據(jù)還是固定點(diǎn)的數(shù)據(jù)，如果是隨機(jī)數(shù)據(jù)，則填寫隨機(jī)數(shù)據(jù)的范圍，主要這個(gè)范圍不要超過Y軸的整個(gè)范圍。如果是固定數(shù)據(jù)，則要求填寫每個(gè)點(diǎn)的值，使用英文逗號(hào)分隔開

4、您也可以在圖表上繪制多條線，點(diǎn)擊增加一組數(shù)據(jù)按鈕，填寫第二組數(shù)據(jù)相應(yīng)的參數(shù)，則會(huì)繪制第二條線。以此類推，可以繪制多條折線

5、點(diǎn)擊確定按鈕，Xd拉框助手則會(huì)自動(dòng)給你繪制好你所需要的圖形

各項(xiàng)參數(shù)解釋

柱狀圖繪制步驟

1、使用Xd的矩形選框工具拉一個(gè)框

2、勾選你需要繪制的內(nèi)容，包括圖表的橫線、豎線、文字、 你可以設(shè)置柱子為單色或者漸變，也可以給柱子設(shè)置成圓角

3、如果需要，你可以通過點(diǎn)擊添加一組數(shù)據(jù)按鈕來添加多組數(shù)據(jù)，制作每列中都有多個(gè)柱子的對(duì)比效果

4、點(diǎn)擊確定按鈕，拉框助手則會(huì)自動(dòng)給你繪制好你所需要的圖形

各項(xiàng)參數(shù)解釋