说明

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

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

 

绘制步骤

1、使用矩形选区工具(M)绘制一个矩形选区,建议你绘制一个正方形。注意是蚂蚁线选区,不是画矩形。

2、在标记小圆点版块设置圆点的最小直径、最大直径

3、输入每个圆点的值,数据格式为x,y,z如果有多个点,请用空格分隔开。其中x和y是气泡的坐标,z是气泡的值。

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

各项参数解释