介绍: ECharts是一个基于ZRender(轻量级Canvas类库)的纯javascript图表库,提供可交互、个性化的数据可视化图表。 ECharts提供了折线图、柱状图、散点图、饼图、K线图,以及地图、热力图、关系图等多种图表API,并支持多图混搭。 ECharts一直在交互上不断的改进,最 ...
分类:
其他好文 时间:
2016-08-24 12:32:22
阅读次数:
213
上面介绍了柱状图,只有js代码后台的传递等我们介绍完饼形图的使用过程在做介绍 有了柱状图的介绍,在使用饼形图,其实很容易了,上代码 //打开网页加载 $(function () { // 路径配置 require.config({ paths: { echarts: 'http://echarts. ...
分类:
Web程序 时间:
2016-08-23 13:09:49
阅读次数:
579
前台显示的东西,有相应的文档很容易修改,后台传递数据方式才是我们最关心的 首先要记住,我们一步数据使用的是post,那么后台代码我们要给方法加上 [HttpPost]注解 不然异步没有效果 下面上代码,为了节省时间,字段变量的命名,我用的是英文1,2,3,不要见怪哦 public ActionRes ...
分类:
Web程序 时间:
2016-08-23 12:46:36
阅读次数:
206
很早就开始使用canvas,包括自己绘制各种图形,以及作为画布提供给诸如echarts,当canvas绘制细线条,特别是关于文字绘制会出现很模糊或者锯齿的感觉。 正常情况下一般都是这么写的,但是实际上对于canvas来说,这个canvas.width canvas.height 与canvas.st ...
分类:
其他好文 时间:
2016-08-20 00:15:37
阅读次数:
3205
现象,在一个webpack+vue的开发环境中,npm install echarts --save了echarts,然后在vue文件中直接使用 import echarts from 'echarts'然后编译的时候加上了Uglify选项,发现vendor文件的大小已经达到了800多k,导致首次加... ...
分类:
Web程序 时间:
2016-08-19 09:53:44
阅读次数:
580
第四章通过REmap包完成基于map分布图示例,前面提到REmap基于Echart2.0, 一方面在移动终端适应效果差,另一方面REmap提供的热力图仅支持全国及省市大版块map,基于上面的原因,参考 http://echarts.baidu.com/examples.html#chart-type ...
分类:
其他好文 时间:
2016-08-18 23:06:14
阅读次数:
328
百度echarts框架还是比较强大的,之前有尝试使用它,但毕竟主要使用于web网页端,效果不是很好,所以最终还是取消使用echarts 但之前在使用的过程中遇到些问题,虽然解决很简单,但也花了我不少时间,所以在这里记录之前如何使用及如何解决其中遇到的问题 1、在echarts官网下载demo 2、如 ...
分类:
移动开发 时间:
2016-08-17 22:57:38
阅读次数:
487
首先引入js文件,这是动态引入 接着写js中的内容 最后在body中写div层,将图生成图形嵌入 整个图形就生成了。。。 ...
分类:
其他好文 时间:
2016-08-15 20:41:07
阅读次数:
710
先看看效果: 感谢QQ群18668853的群主,无私的公开课,全是干货,当初学的时候,群主用的是jquery.flot做图表,我这里改成百度的Echarts3.0,这算是自己的修改吧,喜欢的可以去下载看看 看考的图表地址:http://echarts.baidu.com/gallery/editor... ...
分类:
Web程序 时间:
2016-08-15 12:56:51
阅读次数:
335