自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(7)
  • 资源 (3)
  • 收藏
  • 关注

原创 echarts 基于个性化百度地图的迁徙图

一、原理引用个性化百度地图样式(搜一下就知道了)作为底板,然后通过坐标拾取器获取想要点的坐标,设定哪两个点相通,这东西挺好玩,大家可以试试二、看图片可能感受不大,下面是我echarts社区的主页,里面有这个例子,大家可以去看看效果我的echarts个人主页三、效果图四、直接上代码,解释在注释里<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <tit

2020-08-25 10:30:12 2342 2

原创 echarts接收mqtt服务器发来的数据

一、原理参考我之前写的“echarts图表动态化”那篇文章,这里将产生随机数的部分替换为连接到mqtt服务器,接受那边的数据,如果没有数据就还是之前的数据,如果是就更新,以此实现echarts和mqtt服务器的数据传递二、直接上代码,解释在注释里<!DOCTYPE html><head> <meta charset="utf-8"> <title>ECharts</title> <script sr

2020-08-25 09:59:20 2048 1

原创 echarts 从数据库获取数据

一、原理首先得有个数据库,实验性质的话本地的就行,通过PHP study和Navicat。然后写一个PHP文件从数据库拿数据(代码我放下面了),接着通过ajax来获取到php获取到的数据,将数据放到图表对应位置,渲染到容器上就行。二、直接上代码,解释都在注释里1.html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script src="ech

2020-08-25 09:28:51 10836 9

原创 echarts市级区域地图数据展示

一、原理引用对应市区json数据(比如我就是引用的河南省驻马店市的数据),通过百度地图坐标拾取器获取地区的经纬度,将数据填在对应位置(我下面有注释),再配置下样式颜色之类的渲染上就可以了二、看图片可能感受不大,下面是我echarts社区的主页,里面有这个例子,大家可以去看看效果我的echarts个人主页三、效果图四、直接上代码,解释在注释里<!DOCTYPE html><html lang="zh-CN"><head> <meta char

2020-08-24 17:18:48 6340 5

原创 echarts自定义柱状图柱体形状

一、原理使用symbol属性,自己从图标库找到自己喜欢的图标,使用’image://路径‘ 的形式实现该功能二、这是我的小栗子三、直接上代码,解释都在注释里<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="echarts.js的路径"></sc

2020-08-24 16:33:30 8278 2

原创 echarts图表动态化

一、原理通过 setInterval设定每隔多长时间产生一组随机数据,并且将数据放入图表对应位置上,重新渲染,以此达到图表的动态化二、直接上代码,每一条的解释都在注释里<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="echarts.js的路径">&lt

2020-08-24 16:02:48 3356

原创 初识echarts(h5上的)

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录一、echarts是什么?二、使用步骤1.选择需要的模块下载echarts.js2.引入echarts.js3.建立存放图表的容器,宽高随意4 . 初始化echarts实例5 . 指定图表的样式、数据等等6. 将刚才配置的东西渲染到容器里。7. 这样你的第一个柱状图就做好了。附上全部代码一、echarts是什么?echarts是一种做数据可视化的图表库包含柱状图、折线图、地图等等很多模块,由于全部由js编写,所以其自由度非

2020-08-24 15:37:27 2115 3

echarts实现与mqtt服务器交互所需要的js文件

js实现与mqtt服务器交互所需要的js文件,很好用,我的博客里有一篇文章关于echarts获取mqtt服务器数据,欢迎大家来参考参考,下面是链接https://blog.csdn.net/weixin_44473572

2020-08-25

echarts做地图数据展示 河南省地理位置json文件henan.json

echarts做地图数据展示 我有用到市级的,在我社区个人主页里,很好用,欢迎大家前去参考,这里是我的echarts个人主页链接 https://gallery.echartsjs.com/explore.html?u=obd-oCXcyPuzu5FKR0sIDwh3Tu_r7s61y3x&type=work#sort=rank~timeframe=all~author=all

2020-08-25

Echarts做地图这类的可视化时候需要的bmap.js文件

Echarts做地图这类的可视化时候需要的js文件,自己做过几个地图在社区里,大家可以去参考参考,,这里是我echarts社区个人主页https://gallery.echartsjs.com/explore.html?u=obd-oCXcyPuzu5FKR0sIDwh3Tu_r7s61y3x&type=work#sort=rank~timeframe=all~author=all,

2020-08-25

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除