XD拉框助手是一款基于Xd的插件，它能夠快速的生成折線圖、柱狀圖、餅圖、雷達(dá)圖、全國(guó)各省市的地圖，使用非常的方便，擁有多種圖形生成方法，易安裝易使用。

XD拉框助手基本簡(jiǎn)介：

用真實(shí)數(shù)據(jù)做設(shè)計(jì)

簡(jiǎn)單易學(xué)的Xd插件

折線圖 / 面積圖 ／柱狀圖 ／ 餅圖 ／ 雷達(dá)圖 ／ 地圖

Adobe官方都沒找到如此優(yōu)秀的Xd圖表插件，中國(guó)人的驕傲

理論上支持大于等于20.0.0.0的Xd版本。開發(fā)者在24.4.22.1這個(gè)版本上測(cè)試得最為充分

軟件特色

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

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

簡(jiǎn)單方便

拉個(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、從網(wǎng)站下載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ù)解釋

XD拉框助手更新日志：

發(fā)布第二個(gè)版本V1.0.1

增加了八個(gè)國(guó)家的語(yǔ)言，包括：Deutsch, English, Espa?a, Fran?ais, 日本語(yǔ), ???, Português, 簡(jiǎn)體中文。并將界面適配多種語(yǔ)言

繞過Adobe Xd文字抖動(dòng)bug，這是Xd自己在windows下的bug（我只能將繪制的所有文字都變成左對(duì)齊了，但是經(jīng)過計(jì)算，他們位置還是看起來是居中或者右對(duì)齊的）

修復(fù)了餅圖文字偏移bug、雷達(dá)圖不支持小數(shù)bug、雷達(dá)圖重置bug、對(duì)Mac OS用戶增加了矢量圖標(biāo)，5k屏幕看起來不再模糊