sketch 图表插件chart用法


Random data

Data from Google Sheets

Data from JSON

Steps

  1. Draw Rectangle or Oval.
  2. Copy numeric, use random data or fetch data from JSON. Supported formats:
    • 10, 12, 14, 16;
    • 27, -17, 94, -32;
    • 5.3, 7.9, 15.3, 20.1;
    • 25%, 30%, 10%, 35%;
    • row in Google Sheets.
  3. Select Rectangle or Oval.
  4. Create Chart using Plugins menu or Sketch Runner 🙂

To draw a few lines on one canvas copy a few lines of data, e.g.:

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

To draw a few progress bars select a few circles or rectangles and use following format of data (each progress bar on a separate line):

30%
45%
78%

To draw Scatter plot or Bubble chart select a few lines of data: the first line is X, the second line is Y, the third line is Volume (for bubble chart).

Parameters

Select “Set options” in the Chart menu to customize your own chart styles. Paste colors in the format [R,G,B] and separate them with commas.

Examples

Roadmap

  •  Line Chart
  •  Bar Chart
  •  Area Chart
  •  Stacked Area Chart
  •  Sparkline
  •  New random data generation algorithm
  •  Pie Chart
  •  Donut Chart
  •  Progress Bar
  •  Solid Gauge Chart
  •  Stream Graph
  •  Scatter Plot and Bubble Chart
  •  Fetch data from JSON
  •  Candlestick Chart (Mar 2018)

 

Install

Via Sketchpacks

Install Chart with Sketchpacks

Or manually

  1. Download and unzip: chart-master.zip.
  2. Double click Chart.sketchplugin.

git官网:https://github.com/pavelkuligin/chart

发表评论

电子邮件地址不会被公开。 必填项已用*标注