- 博客(7)
- 资源 (3)
- 收藏
- 关注
原创 echarts 基于个性化百度地图的迁徙图
一、原理引用个性化百度地图样式(搜一下就知道了)作为底板,然后通过坐标拾取器获取想要点的坐标,设定哪两个点相通,这东西挺好玩,大家可以试试二、看图片可能感受不大,下面是我echarts社区的主页,里面有这个例子,大家可以去看看效果我的echarts个人主页三、效果图四、直接上代码,解释在注释里<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <tit
2020-08-25 10:30:12
2408
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
2148
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
11024
9
原创 echarts市级区域地图数据展示
一、原理引用对应市区json数据(比如我就是引用的河南省驻马店市的数据),通过百度地图坐标拾取器获取地区的经纬度,将数据填在对应位置(我下面有注释),再配置下样式颜色之类的渲染上就可以了二、看图片可能感受不大,下面是我echarts社区的主页,里面有这个例子,大家可以去看看效果我的echarts个人主页三、效果图四、直接上代码,解释在注释里<!DOCTYPE html><html lang="zh-CN"><head> <meta char
2020-08-24 17:18:48
6468
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
8423
2
原创 echarts图表动态化
一、原理通过 setInterval设定每隔多长时间产生一组随机数据,并且将数据放入图表对应位置上,重新渲染,以此达到图表的动态化二、直接上代码,每一条的解释都在注释里<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="echarts.js的路径"><
2020-08-24 16:02:48
3440
原创 初识echarts(h5上的)
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录一、echarts是什么?二、使用步骤1.选择需要的模块下载echarts.js2.引入echarts.js3.建立存放图表的容器,宽高随意4 . 初始化echarts实例5 . 指定图表的样式、数据等等6. 将刚才配置的东西渲染到容器里。7. 这样你的第一个柱状图就做好了。附上全部代码一、echarts是什么?echarts是一种做数据可视化的图表库包含柱状图、折线图、地图等等很多模块,由于全部由js编写,所以其自由度非
2020-08-24 15:37:27
2211
3
echarts实现与mqtt服务器交互所需要的js文件
2020-08-25
echarts做地图数据展示 河南省地理位置json文件henan.json
2020-08-25
Echarts做地图这类的可视化时候需要的bmap.js文件
2020-08-25
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人