说明

Figma / PS / Xd / Sketch拉框助手的界面、使用方法、导入json等功能几乎都是一样,根据软件不同有些细微区别。

设计柱状图的时候,我主要是参考了百度的Echarts,用拉框助手绘制的柱状图,使用Echarts开发,实现还原度将会非常高。如果您对JSON数据有一定的了解,您还可以使用 "导入JSON" 来直接绘制各类图表。

 

柱状图绘制步骤

1、使用矩形选框选框工具(M)拉一个矩形选区,注意是蚂蚁线选区,不是画形状。

2、勾选你需要绘制的内容,包括图表的横线、竖线、文字、 你可以设置柱子为单色或者渐变,也可以给柱子设置成圆角

3、如果需要,你可以通过点击添加一组数据按钮来添加多组数据,制作每列中都有多个柱子的对比效果

4、点击自动绘制按钮,拉框助手则会自动给你绘制好你所需要的图形

各项参数解释