billfeller
billfeller
1. 首先通过 fc-list :lang=zh 查询当前系统支持的中文字体列表是否包含需要的添加的字体？ ```bash # fc-list :lang=zh ``` 2. 如果没有支持对应字体，需要将对应字体的ttf、ttc格式文件手动文件到系统指定路径 /usr/local/share/fonts ```bash # cd /usr/local/share/fonts # ll total 50136 -rw-r--r-- 1 root root 21543568 Aug 1 2017 MSYH.TTC...
Deno vs Node.js: https://github.com/ry/deno/issues/11 \: http://tinyclouds.org/jsconf2018.pdf
原文：http://vis.baidu.com/chartusage/stackedarea/ 堆积面积图是一种特殊的面积图，可以用来比较在一个区间内的多个变量。堆叠面积图和面积图的区别在于，堆叠面积图每个数据系列的起点都是基于前一个数据系列绘制的，也就是每度量一行就要填满行与行之间的区域。 如果有多个数据系列，并想分析每个类别的部分到整体的关系，并展现部分量对于总量的贡献时，使用堆积面积图是非常合适的选择。例如下图显示某个销售员对总销售额的贡献。  ### 有两种不同的堆积面积图类型： **传统的堆积面积图**：直接使用原始值堆叠，显示整个过程如何变化。 **百分比堆积面积图**：百分比堆积显示不同部分之间的关系如何随时间而变化。其中累积的总数不重要，重要的是显示出类别分布在整体中的作用。  ### 堆叠面积图的使用建议 1、图表有重叠的数据时，类别数量越多，重叠越多，因此可见度越低。如果使用面积图（如下示例）时会因为系列的重叠而无法阅读。  那同样的数据，换成使用堆叠面积图展示，则相对更容易阅读。  2、虽然多数据系列时堆叠面积图比面积图有更好的展示效果，但依然不建议堆叠面积图中包含过多数据系列，最好不要多于7个，以免数据难以辨识。 3、堆积面积图要展示部分和整体之间的关系，所以不能用于包含负值的数据的展示。 4、建议堆叠面积图中把变化量较大的数据放在上方，变化量较小的数据放在下方会获得更加的展示效果。 ### 适合的数据类型 X | Y1 | Y2 --- | --- | ---...
# puppeteer环境部署问题小记 ## 安装问题 ### Q1: 安装 puppeteer 无法下载 Chromium 依赖包 ``` $ npm install --save puppeteer > [email protected] install E:\code\download\test\node_modules\puppeteer > node install.js **INFO** Skipping Chromium download. "PUPPETEER_SKIP_CHROMIUM_DOWNLOAD" environment...
阮一峰于2016撰写了《Commit message 和 Change log 编写指南》，但是文中部分内容工具已变更，是故本文可以理解为其更新优化版本，文末还讨论了配置服务器端钩子实现提交强制校验的必要性。 --------- 文字内容包括 1）为什么需要规范化Commit message； 2）如何通过工具实现Commit message提交约定规范（本文默认采用符合Angular撰写规范） 3）规范化Commit message带来了哪些好处。 ### 一、为什么需要规范化Commit message Git 每次提交代码，都要写Commit message，否则就不允许提交。 ```bash # 输入单行命令 $ git commit -m "{{message}}" # 输入多行命令：...
 from: https://stackoverflow.com/questions/1587846/how-do-i-show-the-changes-which-have-been-staged #204
问题： 当使用gitk图形界面查看代码提交记录，如果代码中包含中文内容，会出现乱码。 分析： gitk会根据gui.encoding进行文本解析。gui.encoding默认是locale encoding. 即对于系统编码与代码文本编码不一致的情况，就会出现乱码。 > gui.encoding > Specifies the default encoding to use for displaying of file contents in git-gui(1) and gitk(1). It can be overridden by setting...
背景 营销活动平台数据统计邮件日报需要支持活动数据趋势图，这意味着需要在服务器生成数据趋势图表。 原理 利用 [phantomjs](http://phantomjs.org/) 可调用执行JS并且保留截图功能，即可实现服务器端生成图表的需求。 准备 1. 下载 [phantomjs-1.9.1-linux-x86_64.tar.bz2](https://phantomjs.googlecode.com/files/phantomjs-1.9.1-linux-x86_64.tar.bz2)，将其中bin/phantomjs保存到PATH路径即可 2. 安装中文字体库：yum -y i bitmap-fonts bitmap-fonts-cjk 3. 下载 [highcharts](https://github.com/highslide-software/highcharts.com/tree/master/exporting-server/phantomjs) 测试1(服务器端模拟生成highcharts图表) 第一，highcharts图表图表配置文件highcharts-options.js ``` { title: { text: '中文字体测试', x: -20 //center...
nginx-1.9.14\src\http\ngx_http_core_module.c ``` ngx_int_t ngx_http_set_etag(ngx_http_request_t *r) { ngx_table_elt_t *etag; ngx_http_core_loc_conf_t *clcf; clcf = ngx_http_get_module_loc_conf(r, ngx_http_core_module); if (!clcf->etag) { return NGX_OK; } etag = ngx_list_push(&r->headers_out.headers); if (etag == NULL) { return NGX_ERROR;...
研究了下 growingio.com 实现无埋点技术实现原理： 1. 通过growingio.com圈选功能： 通过iframe加载配置的页面A，在页面A中引入sdk，解决跨域问题，然后圈选指定节点，基于xpath规则获取节点标记位，如下xpath值： ```json { "domain":"test.vis.pcmgr.wsd.com", "page":"/", "xpath":"/div#root/div.screen-xl/div.ant-layout.ant-layout-has-sider/div.ant-layout-sider.sider___1tQnn/div.ant-layout-sider-children/ul.ant-menu.ant-menu-dark.ant-menu-inline.ant-menu-root/li.ant-menu-item/a" } ``` 2. 前端在document根结点上绑定委托click事件，当点击事件触发时，上报点击控件xpath，和一些通用的业务信息，上报匹配即可； ```json [ { "u":"b1566605-dc90-425c-8796-a13886b8946e", "s":"37584b10-2aa6-4ceb-86e4-0c2983a76dcf", "t":"clck", "tm":1527751765551, "ptm":1527751726988, "d":"test.vis.pcmgr.wsd.com", "p":"/", "e":[ { "h":"#/visualization", "v":"可视化应用", "x":"/div#root/div.screen-xl/div.ant-layout.ant-layout-has-sider/div.ant-layout-sider.sider___1tQnn/div.ant-layout-sider-children/ul.ant-menu.ant-menu-dark.ant-menu-inline.ant-menu-root/li.ant-menu-item.ant-menu-item-active/a",...