随笔分类 - ECharts的使用

ECharts 提供了常规的折线图、柱状图、散点图、饼图、K线图，用于统计的盒形图，用于地理数据可视化的地图、热力图、线图，用于关系数据可视化的关系图、treemap、旭日图，多维数据可视化的平行坐标，还有用于 BI 的漏斗图，仪表盘，并且支持图与图之间的混搭。 echarts 官网： http://echarts.baidu.com/feature.html

echarts点击柱状图时触发点击事件

摘要：项目需求:1.通过echarts把数据展示为柱状图2.点击对应的柱状图显示对应的弹窗主要用到的时 echarts中的 "click" 事件, 使用demo: 案例：效果图：阅读全文

posted @ 2019-11-19 15:50 婧星阅读(8098) 评论(0) 推荐(0)

通过echarts的demo

摘要：通过最近两天对echarts的了解，下面用echarts.js写了一个小效果；效果的demo为：运行效果由于传视频比较大，在这里没有给上传效果，读者可以通过粘贴代码查看结果。如果不想麻烦可以直接下载文件，其链接：https://pan.baidu.com/s/1p9SwOwVVnyomLS7D 阅读全文

posted @ 2018-10-04 20:42 婧星阅读(1343) 评论(1) 推荐(0)

echarts中dataZoom的使用

摘要：ataZoom的使用方法功能： 1、有inslide和slide两种dataZoom，也分X,Y轴两种dataZoom的使用 dataZoom的相关配置可以可以到官网了解更多关于echarts 配置项的相关配置官网官网：http://echarts.baidu.com/ 案例demo：运行阅读全文

posted @ 2018-09-30 10:26 婧星阅读(43440) 评论(0) 推荐(2)

echarts动态添加数据

摘要：数据异步加载 EChart中实现异步数据的更新非常简单，在图表初始化后不管任何时候只要通过 jQuery 等工具异步获取数据后通过 setOption 填入数据和配置项就行。绑定数据的方式有两种，一种是写写好一些图表参数，然后数据留空，然后在异步读取数据的时候，绑定数据。还有一种就是直接异步读取数阅读全文

posted @ 2018-09-30 10:05 婧星阅读(56651) 评论(1) 推荐(1)

echarts相关的可视化数据

摘要：echarts使用步骤： 1）设置一个容器，该容器用来放图形，一定要给容器设置高度； 2）初始化echarts实例，语法：var aa = echarts.init(DOM); 例如： echarts.init(document.getElementById('box')); 3）指定图表的配置项阅读全文

posted @ 2018-09-29 12:03 婧星阅读(251) 评论(0) 推荐(0)

前端可视化数据--echarts

摘要：很幸运能够给大家分享我对echarts的见解，在一些大型互联网公司面试时都会问到会使用echarts么？今天在做项目时有这个需求，有幸学习echarts。二、echarts.js的优势与不足优点： 1、echarts.js容易使用：echarts.js的官方文档比较详细，而且官网中提供大量的使阅读全文

posted @ 2018-09-28 21:34 婧星阅读(2058) 评论(0) 推荐(0)