编辑推荐

网易数帆开源API网关与容器云项目，让云原生生产落地“多快好

网易汪源：统一负载与多云环境的“开放姿态”，才是云原生

网易数帆如何用 Kubernetes“原语”搞定云原生中间件

快手打新挤爆券商系统，网易数帆推出券商稳定性保障方案

探索智慧校园新模式，网易有数在教育行业的实践分享

金融行业大数据治理之路——数据模型篇

让视觉设计师愉快的作图表

叁叁肆2018-09-17 18:50

本文来自网易云社区

作者：马宝

一定的使用门槛让我们拒绝了Tableau，D3.js或HTML Canvas作图。正如AntV推出G2 可视化图形语法，也仅限于程序员使用，数据分析师可以选择更快的网易有数敏捷数据分析平台；那么苦逼的视觉呢？

做过仪表盘的视觉都知道，画图表有多累多样的图表和数据的不确定性，让图表设计变得格外繁琐与其用钢笔工具一点点画，不如试试这款插件打开设计师的正确作图姿势

“利用真实的随机数”结合贝塞尔曲线(Bézier curve)，快速出图表定制化的 Chart.sketchplugin

下载双击安装，前提是你要有 sketch

任何人都可以简单的搬运大神的插件，但是插件的使用中，必须根据自身的情况进行调优我重新定义了色卡和中文配置，就改了以上这款图表插件

//自定义色板 颜色名=RGB  格式
    var Astronaut=[45,64,121];
    var MediumPurple=[148,112,220];
    var ApricotPeach=[250,202,175];
    var Geraldine=[249,131,143];
    var DustStorm=[225,195,195];
    var Geyser=[211,221,226];
    var trinidad=[220,58,9];    
    var persimmon =[253,105,75];
//自定义色板2
    var toreabay=[15,72,138];
    var brightGreen=[86,217,4];
    var confetti=[239,219,87];
    var burntSienna=[239,103,90];
    var seance=[141,33,180];
    var calypso=[46,109,141];

//不同色板的调用
colorPalette1 = [toreabay,brightGreen,confetti,burntSienna,calypso,Astronaut,ApricotPeach,Geraldine,MediumPurple,DustStorm,Geyser,trinidad, yellow,red, green,purple,persimmon,pink, amber, cian, ShipCove, deepPurple, teal, orange];
colorPalette =[c1,c2,c3,c4,c5,c6,c7,c8,c9,c10,c11,c12,c13,c14,c15,c16,c17,c18,c19,c20];