Chart

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

安装

  1. 下载并解压 Chart.zip
  2. 双击 Chart.sketchplugin 完成安装

使用

  1. 选择一个位于画板中的图层
  2. 执行 Plugins > Chart > 对应命令在弹出的对话框控制参数生成图表

命令

  1. 线形图表 Line chart(线条与端点数可控)
  2. 垂直柱状图 Vertical Bar chart(分类和柱形数可控)
  3. 水平柱状图 Horizontal Bar chart(分类和柱形数可控)
  4. 区域图 Area chart(区域和端点数可控)
  5. 堆积区图 Stacked area chart(区域和端点数可控)
  6. 微线图 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;

基本信息

  • 收录版本 2.1
  • 更新时间 2017-12-27