wan353694124-CSDN博客

原创 brew切换php版本遇到问题

原文地址：http://blog.onlywan.cc/15233823787062.html需要切换版本原因有一套老代码，没有使用框架，里面好多方法php7不支持，只能使用php5.6正常切换流程brew services php71 stopbrew unlink php71brew link php56brew services php56 start...

2018-04-11 02:02:29 2422 1

原创 D3.js中Treemap(矩形树图)源码详解

Treemap(矩形树图）聊一聊Treemap，即矩形树图，树形结构非常有意思的一种展现方式，外形规整而不失表达力。矩形树状结构图（Treemap）是一种有效的实现层次结构可视化的图表结构，简称矩形树图或树图。在矩形树图中，各个小矩形的面积表示每个子节点的大小，矩形面积越大，表示子节点在父节点中的占比越大，整个矩形的面积之和表示整个父节点。通过矩形树图及其钻取情况，我们可以很清晰地知道数据的全

2018-01-03 10:35:01 10268 1

原创 D3.js 实现Sequences sunburst的源码详解

Sequences sunburst聊一聊Sunburst,光芒图。光芒图非常吸引我，以致于我找了D3.js实现的好几个光芒图的例子，最终选了Kerry Rodden实现的的光芒图来解析。Kerry Rodden这幅光芒图交互性非常丰富，一眼就吸引了我。这张光芒图展示的是某个网站各个页面的访问量比例情况,将网站中的父页面与子页面的层级关系表现了出来，非常直观地看到各个层次页面的访问比例。另

2017-12-15 17:00:05 3141 3

原创 D3.js中Stream graph详解

Stream graph聊一聊Stream graph，流图。流图是围绕中心轴线进行布局的一种堆叠面积图。——维基百科由于流图可绕中心轴流动，从而呈现出像河流一样的形状。见图如下：接下来详细解释D3.js官网中是怎么实现这张图的。index.html——源码<!DOCTYPE html><meta charset="utf-8"><title>Streamgraph</title>

2017-12-15 10:02:08 4010

原创 D3.js中Stacked-to-Grouped Bars详解

Stacked-to-Grouped Bars

2017-12-14 15:02:01 800

原创 D3.js中Population Pyramid详解

Population Pyramid聊一聊人口金字塔图。人口金字塔是按人口年龄和性别表示人口分布的特种塔状条形图，是形象地表示某一人口的年龄和性别构成的图形。——百度百科一般的人口金字塔图如下图所示：例如上图表示，2011年利比亚男女不同年龄阶段的比例分布情况。而本篇要讲的Population Pyramid图，将男女人口数据画在了坐标轴的同一边，通过柱状图的覆盖来看不同年龄阶段的男女比

2017-12-12 11:34:12 1798

原创 D3.js中Circle Packing详解

Circle Packing今天来聊一聊Circle Packing，Circle Packing是通过一个个包含与被包含的圆组成，通过这种“包含”来表示类似树形结构所体现的层次关系；而且Circle Packing可以通过圆的大小、颜色来表示节点的权重等信息，总的来说，表现力不错。先上张来自官网的靓照：下面来详细解释D3.js官网是怎么实现Circle Packing图的。index.html

2017-12-12 09:08:06 5422 2

原创 D3.js中Force-Directed Graph详解

Force-Directed Graph

2017-12-10 11:18:57 12858 2

原创 D3.js中Radial Cluster Dendrogram详解

Radial Cluster Dendrogram昨天聊了Cluster Dendrogram，今天对照着聊一聊Radial Cluster Dendrogram. “radial”意思为放射状的，因此，估计你也能猜到Radial Cluster Dendrogram长啥样了。 Radial形状的Cluster Dendrogram靓照闪亮登场[来自官网]：接下来，解释这张图是怎么实

2017-12-09 16:13:57 2282

原创 D3.js中的Cluster Dendrogram详解

Cluster Dendrogram今天聊一个简单点的，叫做Cluster Dendrogram。Dendrogram的意思是“树状图”，咦？为什么不叫tree呢？仔细看官网作者对Dendrogram的解释，恍然大悟。官网解释如下： A dendrogram is a node-link diagram that places leaf nodes of the tree at the

2017-12-09 10:17:19 6627 1

原创 D3.js中的Chord Diagram详解

Chord Diagram今天来聊一聊Chord Diagram，暂且叫弦图吧。这里我不确定从英文翻译过来是不是叫做弦图，因为在百度百科上搜“弦图”，解释的是我国古代数学家赵爽画的 “弦图”，是研究勾股定理的图。而我们这里讨论的Chord Diagram，维基百科上是如下定义的： A chord diagram is a graphical method of displaying t

2017-12-07 15:53:07 5069 1

原创 [微信小程序入门-1]注册小程序帐号

解决注册微信小程序遇到的两个问题学习微信小程序开发，第一步当然是注册一个小程序帐号，在这个过程中，我被整个过程秒晕了一下下，现在将我注册小程序的整个过程总结一下。参考官网的简易教程，一步步按部就班地做，看到提示要注册，然后想着，自己不是已经有帐号了吗，就用已有的公众号帐号登录了。【问题1】就继续参考官网的简易教程，开始小程序的第一个hello word 程序。按照提示，下载了小程序的开发工具：

2017-12-07 10:55:04 1286

原创 D3.js 中的 Non-Contiguous Cartogram详解

Non-Contiguous Cartogram今天来首次接触一下d3中的地图相关实现。这个地图非常简单，Non-Contiguous Cartogram，顾名思义，是一个不连续的示意性地图。见图如下：接下来解释地图的实现细节index.jsp详解——meta charset="utf-8">title>Non-Contiguous Cartogramtitle>

2017-12-07 10:34:14 578 1

原创 D3.js中的Calendar View详解

Calendar View今天我们来聊一聊绚丽多彩的Calendar View。d3.js官网中Calendar View展示的是从1990.01.01到2010.10.01日 Yahoo! Finance的股票情况。先来张Calendar View的靓照，如图所示（由于图片较大，只截取了部分）：接下来详细解读实现这张图的源码index.html文件解读—— [ 源码 ]

2017-12-05 11:28:10 1172

原创 D3.js学习中总结的那些金句

D3.js学习笔记1、D3.js是数据驱动去创建dom的；2、D3.js在生成图表的过程中，有很大一部分工作都在处理即将展示的数据，对dom的操作非常少；3、D3.js绘图三部曲：准备数据、创建dom、设置属性4、Data-Driven Documents 数据驱动！数据驱动！数据驱动5、D3.js的某些API有着和jqueryAPI类似功能，简化了javascri

2017-12-04 15:26:36 478

原创 D3.js中Bullet Charts详解

Bullet Charts今天我们来聊一聊占地儿小却能表达足够丰富的数据信息的子弹图。子弹图，顾名思义是由于该类信息图的样子很像子弹射出后带出的轨道。子弹图无修饰的线性表达方式使我们能够在狭小的空间中表达丰富的数据信息，这种情况在寸尺寸金的报纸媒介上尤其明显。与通常所见的里程表或时速表类似，每一个单元的子弹图只能显示单一的数据信息源，并且通过添加合理的度量标尺可以显示更精确的阶段性

2017-11-29 14:24:12 2034 2

原创 D3.js 中Bubble Chart详解

Bubble Chart今天来聊一聊美丽浪漫的气泡图~ 气泡图是一种显示三维数据的图表。每个具有相关数据的三元组（v1，v2，v3）的实体都被绘制成一个气泡，它通过气泡的x，y位置表示了三元组中的两个vi值，而第三个通过它的大小表示。气泡图可以被认为是散点图的变化，其中数据点被气泡代替。正如Microsoft Office文档所解释的，“如果数据有三个数据系列，每个数据系列都包含

2017-11-28 11:07:21 5365

原创 D3.js 中 Box Plots详解

Box Plots 箱形图（Box-plot）又称为盒须图、盒式图或箱线图，是一种用作显示一组数据分散情况资料的统计图。因形状如箱子而得名。在各种领域也经常被使用，常见于品质管理。 —— [ 百度百科 ]本d3实现的箱形图如下图所示：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导

2017-11-26 19:09:24 3903

原创堆排序

介绍堆，堆排序，堆排序实现原理及实现过程

2017-08-03 11:52:19 671

原创 Laravel 基础 - 门面

门面为应用的服务容器中的绑定类提供了一个"静态"接口。Laravel 内置了很多门面，你可能在不知道的情况下正在使用它们。Laravel 的门面作为服务容器中的底层类的"静态代理"，相比于传统静态方法，在维护时能够提供更加易于测试、更加灵活的、简明且富有表现力的语法。

2017-07-26 23:44:44 1542

原创 Laravel RawCookie

这里介绍一下自己封装的composer包，wan/raw-cookie。主要作用是在laravel框架中使用setrawcookie设置cookie值。

2017-07-25 16:07:35 365

原创跨域请求原理及分析

原文地址：http://blog.onlywan.cc/15005393189989.html主要整理跨域请求相关细节，跨域请求实现原理及细节分析

2017-07-21 00:03:23 1615 2

原创 Laravel第三方包报class not found

通过class not found问题查找，对源码进行分析，了解Laravel autoload加载机制

2017-07-20 02:41:06 8208

原创 Mysql安装

原始地址：http://blog.onlywan.cc/14975769061187.htmlMysql安装Mysql安装安装命令apt-get 安装mysql57安装mysql57后无root密码无法登陆解决安装命令#ubuntu$apt-get update$apt-get install mysql-server mysql-client默认安装mysql5.5apt-get 安装m

2017-06-16 09:44:55 232

原创 Laravel数据库读写分离配置

Laravel数据库读写分离配置原文链接：http://blog.onlywan.cc/14847498744910.html配置范例'mysql' => [ 'driver' => 'mysql', 'write' => [ 'host' => '192.168.1.180', ], 'read' => [

2017-01-18 22:52:36 2912 1

原创小白安装PHP7

小白安装PHP7原文地址：https://github.com/wanguowan/notetext-blog/blob/master/php7.md目录系统说明 1. 下载源码包 2. apt命令 3. PHP安装前系统包安装 3.1 安装bison 3.2 安装re2c 4. 扩展说明 5. 编译安装PHP7 5.1 最终编译参数 5.2 过程中

2016-11-19 21:04:31 2186

文章保存地址：https://github.com/wanguowan/notetext-blog/blob/master/Eloquent.mdLaravel Eloquent使用小记今天因为开发数据库业务中间层需要，开始研究Laravel Eloquent，因为刚开始使用laravel框架的时候，都是使用query，查询构建器来写sql类似于DB::connection('mydb')->tab

2016-11-15 01:12:02 9707

原创记录自己服务器用户设置

服务器用户设置双十一剁手，在阿里买了一台ecs服务器，系统 Ubuntu 14.04 64位,购买的时候默认root用户，创建了root密码。进入新服务器，考虑安全性，准备完成以下服务器配置目标：创建自己的用户能使用sudo权限禁用root ssh登录使用rsa public key免密码登录创建自己的用户1. 创建用户命令# useradd -d /home/wan -m wan参

2016-11-13 16:04:07 567

原创 jquery + easyui 等前台疑难杂症

1、easyui datagrid 进行updateRow操作时，当前的行号出错，具体症状如下：执行：$('#mygrid').datagrid('updateRow', {'index':index, row:{isread:1}});病状：当前行，本来index应该是第26行，结果updateRow之后，变成了2510 再例如，当前行，本例index是

2016-01-23 10:58:31 569

原创我的Heritrix学习之路（一）

在Windows平台下，先把Heritrix启动起来详细步骤如下：1、老规矩，开源的东西，先下载，亲测地址：http://nchc.dl.sourceforge.net/project/archive-crawler/archive-crawler%20%28heritrix%201.x%29/1.14.4/heritrix-1.14.4.zip2、将下载的heritrix-1.14.

2015-11-05 09:59:57 1724

原创 ssh初学

1、工程里面有个Deployment Descriptor目录，想知道这个目录是干什么用的？答：（1）这个目录其实是与工程的web.xml对应的，为了方便查找或者查看web.xml文件中的部署相关配置；（2）这个目录下的每一项，相当于web.xml文件中的每个配置项的一个超链接；2、解析web.xml中的内容（1）如下代码段中： contextConfigLocati

2015-11-03 19:46:56 462

原创 MFC Wizard创建的空应用程序中各个文件内容的解析

创建的MFC应用程序名为：wd，那么：一、wd.h解析// wd.h : main header file for the WD application//#if !defined(AFX_WD_H__89BE48D2_F377_4DF1_8C44_4D7372A61CE0__INCLUDED_)#define AFX_WD_H__89BE48D2_F377_4DF1_

2015-06-23 20:49:39 1750

转载 easyui中combobox的值改变onchang事件

easyui中combobox的值改变onchang事件oyhk 学习笔记今天在公司里,那jquery中的easy-ui-里面的combobox,真的郁闷死了!把郁闷的事情记下来,下次就不会犯错了!首先,肯定少不了,引入jquery的js文件!请大家注意了!下面是代码饼图柱状图线性图跟着我写一段,js代码func

2015-06-08 15:21:19 17640 4

原创 Docker

1、之前在逛CSDN时看到过Docker很多次，主要是被它呆萌的logo吸引。2、今天看到一篇文章讲Docker，讲的很通俗易懂，所以将自己的一点对Docker的认识记录下来；3、简单的将Docker是一种虚拟化技术，但是它是基于Linux容器技术的，那什么是Linux容器技术呢？4、参考来源：http://www.cnblogs.com/wang_yb/p/3923040.h

2015-05-29 09:46:26 540

原创 XenServer

1、IT资产虚拟化正迅速成为大多数企业的标准解决方案；2、Citrix XenServer是一套已经在云计算环境中经过验证免费的企业级开放式服务器虚拟化解决方案；3、XenServer可将静态、复杂的IT环境转变为更加动态、易于管理的虚拟数据中心，从而大大降低数据中心成本；同时，它可以提供先进的管理功能，实现虚拟数据中心的集成和自动化；4、XenServer允许企业创建和管理数量无限的

2015-05-29 09:45:40 961