不是恰饭哈，只是最近刚巧一个项目要页面上做比较多的图表，用专业点的术语叫数据透视页。
所以找了下看什么现成的控件适合使用。
要求比较低
部署简易、兼容微信、支持柱状、折线、雷达图、能找到开发团队交流反馈bug就好。
后来找到了 uCharts
官网：https://www.ucharts.cn/
git: https://gitee.com/uCharts/uCharts
文档： http://doc.ucharts.cn/
项目需要保密，但我用它美化了一下自己的博客，右上角增加了实时的热门tags，用了控件的词云图 类型实现。
以下是部署简要笔记
2年前很流行的一个效果（那些区块链概念空气币诈骗项目的项目主页最爱），网页背景一堆飘动的节点跟随鼠标移动——寓意区块链.
曾找到过这个效果的一个插件，可定制的元素很多，包括样式数量粒子效果和素材都可以修改，今天想给一个工业风（斋又土）的网页加点效果，翻遍浏览器的收藏夹都找不到了。呃..
凭一些别人分享的案例，重新做了个基础版出来。备忘如下
关键代码不多，看布局的需求可以把 abs 改 fixed
.stay_center {
position: absolute;
z-index: 1;
max-width: 300px;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
宽高是可变的，用 translate() 方式修正偏移。
每次做每次忘！
.clr { *zoom:1;}
.clr:after { content:"\200B"; display:block; height:0;clear:both; }
由于担心客户使用可能会造成未知兼容问题的远古旧版浏览器，没错说的是IE。所以略微贴心地在首页加上检测，针对IE提示页面不兼容（免得js出错）
JS代码如下：
function isIe() {
var i = navigator.userAgent.toLowerCase().indexOf("msie"); //对旧版ie9及以前版本有效
if(i!=-1){
return true;
}else{
//ie11 userAgent: Mozilla/5.0 (Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; .NET CLR 2.0.50727; .NET CLR 3.0.30729; .NET CLR 3.5.30729; InfoPath.3; rv:11.0) like Gecko
return (!!window.ActiveXObject || "ActiveXObject" in window); //兼容ie10/11
}
}