XD拉框助手是款adobeXd的繪制圖表插件,內(nèi)置多種圖形生成方法,通過它能夠快速的生成折線圖、面積圖、柱狀圖、餅圖、雷達(dá)圖,還能直接生成全國各個(gè)省、市、區(qū)的地圖,輕松看到數(shù)據(jù)變化。
節(jié)約時(shí)間
一般來說,使用Xd繪制真實(shí)數(shù)據(jù)的圖表是一個(gè)非常耗時(shí)的過程
簡單方便
拉個(gè)框,填寫顏色值,點(diǎn)擊確定就可以輕松獲得你想要的圖表效果
自動化
自動化繪制的視覺元素將準(zhǔn)確地表示數(shù)字、尺寸、間距,實(shí)現(xiàn)結(jié)果真實(shí)可靠。
容易實(shí)現(xiàn)
拉框助手生成的界面,開發(fā)小哥使用Echarts一定能夠?qū)崿F(xiàn),實(shí)現(xiàn)效果能與設(shè)計(jì)圖一致
1、從本站下載Xd拉框助手安裝包,解壓后,找到Xd拉框助手V1.0.1.XDX文件。
2、雙擊XDX文件,點(diǎn)擊安裝即可。
3、會得到提示插件已安裝
4、這樣插件就可以使用了。
折線圖繪制步驟
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)的值,使用英文逗號分隔開
4、您也可以在圖表上繪制多條線,點(diǎn)擊增加一組數(shù)據(jù)按鈕,填寫第二組數(shù)據(jù)相應(yīng)的參數(shù),則會繪制第二條線。以此類推,可以繪制多條折線
5、點(diǎn)擊確定按鈕,Xd拉框助手則會自動給你繪制好你所需要的圖形
各項(xiàng)參數(shù)解釋
柱狀圖繪制步驟
1、使用Xd的矩形選框工具拉一個(gè)框
2、勾選你需要繪制的內(nèi)容,包括圖表的橫線、豎線、文字、 你可以設(shè)置柱子為單色或者漸變,也可以給柱子設(shè)置成圓角
3、如果需要,你可以通過點(diǎn)擊添加一組數(shù)據(jù)按鈕來添加多組數(shù)據(jù),制作每列中都有多個(gè)柱子的對比效果
4、點(diǎn)擊確定按鈕,拉框助手則會自動給你繪制好你所需要的圖形
各項(xiàng)參數(shù)解釋