随笔分类 -  ECharts

ECharts图表tooltip显示时超出canvas图层解决方法
摘要：我们在做ECharts图表的时候可能会遇到tooltip显示时超出了canvas图层范围，并且被其它z-index较高的div容器遮盖，这是悬浮展示信息就看不全，我们根据官网文档的配置项查询发现confine属性设置为true就可以解决这个问题（默认是false）； https://echarts. 阅读全文
posted @ 2019-04-10 09:48 王甘林 阅读(6546) 评论(0) 推荐(1)
使用echarts展示线状图信息的时候数据部分数据因为x轴的数据显示不全而隐藏的问题
摘要：在使用echarts来展示数据时，因为数据很多的原因导致x轴显示不全，然后有些数据也隐藏在图表中，所以这个时候我们要在 series 中设置一个属性，让所有的数据都能够展示出来，这里我们需要添加的属性如下是：标志图形默认只有主轴显示（随主轴标签间隔隐藏策略），如需全部显示可把showAllSymbo 阅读全文
posted @ 2017-09-19 10:11 王甘林 阅读(5329) 评论(0) 推荐(0)
在react项目中使用ECharts
摘要：这里我们要在自己搭建的react项目中使用ECharts，我们可以在ECharts官网上看到有一种方式是在 webpack 中使用 ECharts，我们需要的就是这种方法。 我们在使用ECharts之前要先安装ECharts，在以往的开发模式中，我们很多使用就是把官网中的ECharts的核心js文件 阅读全文
posted @ 2017-03-02 09:52 王甘林 阅读(46109) 评论(0) 推荐(3)
ECharts问题--散点图中对散点添加点击事件
摘要：1. 我们这次就没有先讲解怎么使用散点图了，这个跟之前的一些图还是很类似的，不会的可以去官网上面查看 API 使用。我们这次讲解的是为散点图中的散点添加点击事件，然后在图表之外的一个 div 里面显示这个元素的一些属性，一开始我想的是使用原生 javascript 的click事件来操作，但是这个方 阅读全文
posted @ 2017-01-13 10:30 王甘林 阅读(28463) 评论(1) 推荐(0)
ECharts问题--柱状图和折线图中xAxis.data为空时报错问题解决
摘要：1. 我们在日常的开发中使用Echarts时，不像在学习的过程中是自己在option中的配置项填写图表需要的参数，而是通过ajax请求后台，获取数据后，使用javascript来动态的修改数据，但是有的时候我们在选择一定得条件时获取不到数据，当没有数据时ECharts会默认调用 noDataLoad 阅读全文
posted @ 2017-01-12 11:03 王甘林 阅读(5503) 评论(0) 推荐(0)
ECharts学习（4）--仪表盘
摘要：1. ECharts中的仪表盘，要使用这个图表时把series中的type属性修改成‘gauge’，然后在detail中设置仪表盘详情，用于显示数据。最常用的是formatter(格式化函数或者字符串)，然后可以设置data属性用来表示指针的指向。下面我们可以设置value的值为每隔2秒就随机生成一 阅读全文
posted @ 2017-01-04 19:11 王甘林 阅读(53789) 评论(10) 推荐(2)
ECharts学习（3）--toolbox（工具栏）
摘要：1. toolbox：这是ECharts中的工具栏。内置有导出图片、数据视图、动态类型切换、数据区域缩放、重置五个工具。 2. toolbox中的属性，不包含五个工具。里面最主要的就是feature这个，这是toolbox的配置项，五个工具的配置就是在这个里面实现的。 各工具配置项。 除了各个内置的 阅读全文
posted @ 2017-01-04 09:37 王甘林 阅读(77112) 评论(2) 推荐(5)
ECharts学习（2）--饼状图之南丁格尔图
摘要：1.上一篇中讲了如何绘制一个简单的柱状图，这次要画的是饼图，饼图主要是通过扇形的弧度表现不同类目的数据在总和中的占比，它的数据格式比柱状图更简单，只有一维的数值，不需要给类目。因为不在直角坐标系上，所以也不需要xAxis，yAxis。 2.itemStyle都会有normal和emphasis两个选 阅读全文
posted @ 2016-12-28 16:36 王甘林 阅读(6957) 评论(0) 推荐(0)
ECharts学习（1）--简单图表的绘制
摘要：1.获取ECharts 官网 下载：http://echarts.baidu.com/download.html 2.在html页面中引入ECharts文件 文件的目录结构： 3.绘制一个简单的图表 4.效果图展示 阅读全文
posted @ 2016-12-28 15:45 王甘林 阅读(1605) 评论(0) 推荐(0)