巴士为您推荐： PS拉框助手

PS拉框助手是一款基于photoshop的插件，它能够快速的生成折线图、柱状图、饼图、雷达图、全国各省市的地图、以及按钮、按钮组、窗口、输入框、下拉框、单选、多选、提示、表格、树等常用的UI元素!

软件特色

节约时间

一般来说，使用PS绘制真实数据的图表是一个非常耗时的过程

简单方便

拉个框，填写颜色值，点击确定就可以轻松获得你想要的图表效果

自动化

自动化绘制的视觉元素将准确地表示数字、尺寸、间距，实现结果真实可靠。

容易实现

拉框助手生成的界面，开发小哥使用Echarts一定能够实现，实现效果能与设计图一致

安装方法

1、下载安装程序后，把文件解压到桌面上，您会看到下面这些文件：

2、打开PS，点击“文件”》“脚本”》“浏览"然后选择install.jsx这个文件。

3、系统会弹出安装成功的提示文字，重启photoshop就可以了

使用说明

折线图图文教程

如何利用拉框助手绘制漂亮的折线图

说明

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

折线图绘制步骤

1、使用PS的矩形选框工具拉一个框

2、勾选你需要绘制的内容，包括图表的横线、竖线、文字、线条、面积图、每个点绘制一个小圆圈等等

3、选择您是要绘制随机数据还是固定点的数据，如果是随机数据，则填写随机数据的范围，主要这个范围不要超过Y轴的整个范围。如果是固定数据，则要求填写每个点的值，使用英文逗号分隔开

4、您也可以在图表上绘制多条线，点击增加一组数据按钮，填写第二组数据相应的参数，则会绘制第二条线。以此类推，可以绘制多条折线

5、点击确定按钮，PS拉框助手则会自动给你绘制好你所需要的图形

各项参数解释