Echarts
澜岚伊人
不断地积累知识,总有一天也会成为自己想要的那样
展开
-
Echarts中国地图背景颜色渐变
摘要:关于Echarts地图的问题,在第一篇就说过引入等相关问题(如还有疑惑请先看之前的文章传送门)。地图的背景颜色如何实现渐变呢?主要利用的是Echarts中的geo和visualMap结合实现。visualMap 是视觉映射组件,用于进行『视觉编码』,也就是将数据映射到视觉元素(视觉通道)。✦ 与 ECharts2 中 dataRange 的关系 ✦visualMap 是由 EChar...原创 2018-10-25 12:26:20 · 28958 阅读 · 3 评论 -
Echarts横坐标名称过长怎么办呢?
摘要:在开发的时候,我们的横坐标名称很长,横坐标就会挤到一起。显示会很不美观,那我们怎么处理呢?这里的数据以及横坐标都是我自己随便写的额,公司的不能泄露。但意思差不多了实现:我能想到的3种方式如下:(如果你们有其他的方法可以对我说哦)1、横坐标名称倾斜显示2、横坐标名称换行显示3、横坐标名称竖着显示如果没有做处理的话,你的效果可能和我的这个差不多一、横坐标名称倾斜显示。...原创 2018-11-30 16:03:35 · 10833 阅读 · 0 评论 -
Echarts实现环形图自动高亮
摘要:需求一个接一个的来,刚实现了tootip自动显示,紧接着的需求就是希望环形图自动tootip的同时图形跟着高亮显示。实现:由于之前看了官方文档,就是使用Echarts的api中的dispatchAction方法,type设为highlight。想要的结果如下图所示:(备注:请忽略我中间的数据,因为数据都是模拟的,中间的数据忘记让两者数据相加,没修改) 1、记录坑的过程(先上我...原创 2018-11-14 21:58:15 · 14757 阅读 · 3 评论 -
Echarts如何间隔一段时间自动显示提示(tooltip)
摘要:今天我领导给我提了一个需求,想要大数据展示平台的tootip框能够每隔3秒钟自动显示出来。然后我就开始百度还有看了看文档。需要实现的效果如下图:(数据不能放真实项目的数据,我是模拟的)具体实现:1、我先上代码,然后再解释吧<!DOCTYPE html><html><head> <meta charset="utf-...原创 2018-11-14 15:28:52 · 11699 阅读 · 0 评论 -
Echarts中国地图各省份区域设置不同的颜色
摘要: 接着《Echarts引入中国地图》续写,我们的项目需求是要求地图的背景颜色要各省份不同。看了文档同时也看了相关官网例子,写出来总结下吧,以便以后需要。实现:1、在series中添加data[ ]数据data: [ { name: '北京', selected: false, value: 1 }, ...原创 2018-10-24 23:28:07 · 41077 阅读 · 13 评论 -
Echarts中引入中国地图
摘要:最近公司要求开发大屏大数据展示界面,其中有个需求是迁徙图,以下是自己的相关总结,如有些的不好的地方请大家多多指教,我会虚心学习并修改不足的地方。思考:1、迁徙图实现的第一步是引入中国地图,那如何引入中国地图呢? 2、地图引入后在实现迁徙图的相关动效(这个会在接下来的文章中总结,今天先总结下如何在Echarts中引入中国地图)实现:一、下载echarts.j...原创 2018-10-24 14:06:08 · 21287 阅读 · 18 评论 -
Echarts面积折线图如何实现?
摘要:项目开发中有个面积折线图的界面实现:直接上代码吧,哈哈,简单明了<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>echarts面积折线图</title> <style>原创 2018-10-29 17:44:11 · 10863 阅读 · 4 评论 -
Echarts中折线图如何实现曲线是光滑的?
摘要:最近也许总结Echarts和原生JS结合的知识会比较多点,因为最近在做大数据的开发。以前很多项目没总结的习惯,做完东西很多知识都忘记了。所以现在坚持写总结了。需求:以前我实现的折线图曲线并没有要求是光滑的曲线,下面是如何实现折线图是光滑的曲线的。实现:1、先直接上代码了,代码中详细的注释呢<!DOCTYPE html><html><hea...原创 2018-10-29 17:21:25 · 12747 阅读 · 0 评论 -
Echarts地图的迁徙图
摘要:终于要开始实现迁徙图了,不过一开始我也是一脸懵。不知道如何下手。在Echarts中查看了好多的案例,终于实现了迁徙效果,但还有个需求还没实现,就是出发点是红色的光圈。目前我的字体颜色和圆圈颜色值是一样,考虑这接下来能不能弄成字体颜色和圆圈颜色不一样。好啦回到迁徙图吧实现:1、仔细看了下Echarts中的相关API,写个test文件。2、在网上查阅大量资料,其中有篇文章写的很详细(...原创 2018-10-25 17:45:18 · 30462 阅读 · 10 评论 -
“There is a chart instance already initialized on the dom.”Echarts报的告警
摘要:开始用Echarts的时候,报了如下的错去解决:需要在使用echarts发现需要及时对新建的myChart实例进行销毁,否则会出现上述警告代码实现如下:主要是这句代码if (oneTimeStatisticsEchart != null && oneTimeStatisticsEchart != "" && oneTimeStatist...原创 2018-12-17 16:42:36 · 1963 阅读 · 0 评论