Chart

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

安装

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

使用

  1. 绘制一个形状图层
  2. 复制数字,使用随机数据或从 JSON 获取数据,支持的格式:
    • 10, 12, 14, 16;
    • 27, -17, 94, -32;
    • 5.3, 7.9, 15.3, 20.1;
    • 25%, 30%, 10%, 35%;
    • 谷歌表格的表行
  3. 选择该形状图层
  4. 执行 Plugins > Chart > Chart panel 打开快捷面板 / 命令选择对应图表

要在一个图形上绘制多行图表只需复制几行数据,例如:

13, 18, 42, 27
39, 8, 21, 40

要同时绘制多个饼图,选中多个形状图层并使用以下格式的数据(每个数据放在单独行中):

30%
45%
78%

要绘制散点图或气泡图,选择多行数据:第一行是 X,第二行是 Y,第三行是体积(气泡图)

执行 Plugins > Chart > Set params 可在弹出的对话框中设置参数

  • 是否平滑曲线
  • 设置 [R,G,B] 色值以 , 分割
  • 线形图表是否带端点、以中心分割
  • 进度条 [R,G,B] 色值
  • 微线图 [R,G,B] 色值
  • 散点图是否为气泡图

命令

  1. 线形图表 Line chart
  2. 区域图 Area chart
  3. 堆积区图 Stacked area chart
  4. 垂直柱状图 Vertical Bar chart
  5. 水平柱状图 Horizontal Bar chart
  6. 散点图 Scatter plot
  7. 饼图 Pie chart
  8. 圆环图 Donut chart
  9. 流动图 Stream graph
  10. 微线图 Sparkline
  11. 进度条 Progress bar
  12. 量规图 Gauge chart

式例

随机数据

未复制数据直接执行 Plugins > Chart > 对应命令使用随机数据,弹出的对话框中可设置约束

  • 随机数据的类和项目数量
  • JSON 地址及需要可视化的键

来自 JSON 的数据

谷歌表格中的数据

基本信息

  • 收录版本 4.2.0
  • 更新时间 2018-10-9
  • 更新内容 适配 Sketch 52.x