热门关键字:
jquery > jquery教程 > jquery教程 > echart 没有数据的时候,完美展示暂无数据

echart 没有数据的时候,完美展示暂无数据

334
作者:管理员
发布时间:2021/6/12 17:25:03
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=4936
  1.Echarts 是什么


  Echarts是百度旗下的一款开源的商业级数据可视化产品,具有丰富的图表类型。支持的图形有:折线图,柱状图,饼图,散点图 等以及复杂的地图,热力图,树图,关系图等。


  图表的构建过程比较简单,echarts提供了调用接口,那些图表都是被封装好的js文件,只需要把自己的数据封装成这些图表所需要的格式,导入数据,就可以进行展示。


  那些图表的属性都是可以根绝自己的需求调整,其中涉及的js语句也不是很复杂。


  2.如何把数据交给Echarts?


  方式一:模块化单文件引入 :按需加载所需要的图表的js文件。 需要配置路径,指定js文件。但是加载速度更快一些。


  方式二:标签式单文件引入 : 把整个echarts.js 文件全部加载。


  创建过程:


  1.设置一个div容器。


  2.引入Echarts文件,上述任意一种方式。


  3.设置数据,初始化图表。


  4.给Echarts对象加载数据。




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:JSP EL表达式
友荐云推荐