一、上一章，我们按照网上的案例，写了一个非常简单的图表。这一章让我们来继续玩耍它。 二、个性化图表样式 1.南丁格尔图（饼图） 把鼠标移到上面某个区域，相应区域则是会变大的哦。 1.因为这个南丁格尔图（饼图），主要是通过扇形的弧度表现不同类目，因为不在直角坐标系，所以也不需要xAxis，yAxis。 ...
分类：
其他好文 时间：
2018-05-08 19:27:14
阅读次数：
192
在项目中运用到图形展示数据太常见了，echarts是一款使用率非常高的插件工具，很多大平台都是使用echarts； 一般运用到条形、折线、扇形图，今天说一说在中国地图上展示各地数据； 首先要准备中国地图的JS文件，可以在网盘下载，链接: https://pan.baidu.com/s/1j_edGU ...
分类：
其他好文 时间：
2018-05-08 12:20:03
阅读次数：
2276
1.安装echarts 2.在main.js中引用echarts 3.封装chart组件 在components中新建chart.vue 4.其他组件调用图表组件 ...
分类：
其他好文 时间：
2018-05-08 11:12:24
阅读次数：
107
遇到的问题：Retina屏上字体线条模糊问题 解决方案：放大canvas的大小，然后用css压缩回原大小，例如：想要900*400的画布，先将画布设置为 width="1800px" height="800px"，再用css {width: 900px;height: 400px;}压缩。 最终效果 ...
分类：
其他好文 时间：
2018-05-07 19:31:53
阅读次数：
1282
才疏学浅，万望指点。 formatter: function (params) { var rel = params[0].name + "<br />"; rel += '<span style="color:#197bd4">'+ params[0].seriesName +'</span>' ...
分类：
其他好文 时间：
2018-05-07 13:26:03
阅读次数：
215
1.<!-- 为ECharts准备一个具备大小（宽高）的Dom --> <div id="barMain" style="height:400px"></div> function loadEcharts(){ //初始化 var myChart = echarts.init(document.ge ...
分类：
其他好文 时间：
2018-05-03 19:46:12
阅读次数：
154
一、开篇 首先这里要感谢一下我的公司，因为公司需求上面的新颖(奇葩)的需求，让我有幸可以学习到一些好玩有趣的前端技术，前端技术中好玩而且比较实用的我想应该要数前端的数据可视化这一方面，目前市面上的数据可视化的框架琳琅满目，例如：D3.js、hightcharts.js、echarts.js…………。 ...
分类：
Web程序 时间：
2018-05-03 15:30:23
阅读次数：
410
本次只贴js和jsp代码 jsp只需添加一个div即可， 插入echart: 一下为js代码，可参考编写： ...
分类：
其他好文 时间：
2018-05-02 15:49:13
阅读次数：
2595
每天学习一点点 编程PDF电子书、视频教程免费下载： http://www.shitanlife.com/code ...
分类：
其他好文 时间：
2018-04-28 19:38:15
阅读次数：
202
在HTML写个空div JS中： type : 'category', //数据过多时，想要显示全部时需要加上如下属性 axisLabel:{ interval: 0, //字体斜向显示 rotate:30 }, data : [] minInterval: 1, //最大值 max:max }], ...
分类：
其他好文 时间：
2018-04-28 18:03:44
阅读次数：
244
