ajax动态获取后台数据绘制echarts图表

Echarts是一个纯 Javascript 的图表库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖轻量级的 Canvas 类库 ZRender,提供直观,生动,可交互,可高度个性化定制的数据可视化图表,是一款很好用的前端报表制作工具。

动态获取后台数据绘制echarts图表可以使用jQuery的ajax()方法,动态获取json数据,对获取到的json数据挑选出你需要的,传给echarts图表。

示例效果。

ajax动态获取后台数据绘制echarts图表_第1张图片

贴个简易的代码,注释比较全了。 




当传过来的数据量比较多时,x轴的显示就会不全,现在已经发现这个问题了,所以先把txt文档里数据删的只剩下四条能显示全,关于x轴显示不全的问题下一篇解决。

 

你可能感兴趣的:(echarts)