Sketch根据自定义参数快速创建常用图表插件Chart

更新时间:04-18   软件大小:51 KB   软件由 蔠點 上传,软件仅供学习参考

Chart

快速根据自定义参数创建常用图表


Sketch根据自定义参数快速创建常用图表插件Chart


安装


  • 下载并解压 Chart.zip

  • 双击 Chart.sketchplugin 完成安装


使用


  • 选择一个位于画板中的图层

  • 执行 Plugins > Chart > 对应命令在弹出的对话框控制参数生成图表


命令


  • 线形图表 Line chart(线条与端点数可控)

  • 垂直柱状图 Vertical Bar chart(分类和柱形数可控)

  • 水平柱状图 Horizontal Bar chart(分类和柱形数可控)

  • 区域图 Area chart(区域和端点数可控)

  • 堆积区图 Stacked area chart(区域和端点数可控)

  • 微线图 Sparkline


自定义


打开位于 Chart.sketchplugin/Contents/Sketch/(右键显示包内容打开)的 Parameter.js 根据需要调整参数


// 线条类型: 直线 — 0, 曲线 — 1

var curveType = 1;


// 线条和区域的颜色设置

var colorPalette = new Array();

var red = [244,67,54];

var pink = [233,30,99];

var purple = [156,39,176];

var deepPurple = [103,58,183];

var blue = [33,150,243];

var cian = [0,188,212];

var teal = [0,150,136];

var green = [0,200,83];

var yellow = [255,235,59];

var amber = [255,193,7];

var orange = [255,152,0];


colorPalette = [red, green, blue, yellow, purple, pink, amber, cian, deepPurple, teal, orange];


// 为微线图设置颜色

var sparkColor = red;


// 设置线条的参数

var borderThickness = 2;

var endWidth = 8;

var dots = true;


// 设置微线图的参数

var borderThicknessSpark = 1;

var endWidthSpark = 4;


4
大家都在问

1、成为VIP后官网所有素材都可以下载吗?

成为旗舰QVIP后,图翼网(www.tuyiyi.com)官网所有素材都可以无限制下载。

2、素材会持续更新吗?

会 ,网站资料每天都有更新,且资源都是高端素材,精心的海外商业设计资源,可激发你的创造性。

3、充值购买后多久能够下载素材?

付款后秒成为VIP会员,如付款后没有显示VIP标识,可以退出重新登录账号即可显示。

4、免费下载或者VIP会员专享资源能否直接商用?

本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。

5、购买后支持退款吗?

在VIP有效期内素材可以无限下载,由于素材是虚拟物品,购买之后不支持退换。

标签:sketch插件
图翼网微信公众号:tuyiyicom
图翼网在线客服QQ:1003030973
图翼网站导航
图翼网QQ群联盟