本文介绍如何利用Echarts实现一个动态展示服务器和前置机间连通性的界面，包括带经纬度的地图效果和不显示地图的版本。案例来源于百度Echarts官方，提供了相关API地址、Demo及所需资源文件的下载链接。后续计划探讨如何从后台获取数据、自适应页面尺寸调整地图等进阶功能。
需求：项目要做一个动态展示服务器前置机间是否连通的界面。
先看下效果，分两种，一种带地图(经纬度)，一种屏蔽地图显示：
这个是通过百度echarts的一个案列改造而来。下面附上官网地址、API地址、改造前Demo地址、china.json和echarts.js：
-
官网地址：http://echarts.baidu.com/
-
API地址：http://echarts.baidu.com/option.html#title
-
Demo地址：http://www.echartsjs.com/gallery/editor.html?c=geo-lines
-
china.json：https://pan.baidu.com/s/1gPfPjj6W_rylgXKXlDPsfw 密码：258r
-
echarts.js：https://pan.baidu.com/s/13UAS4iGUzfINdLAEWuT4_w 密码：zhir
上代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="HandheldFriendly" cont
最低0.47元/天 解锁文章
扫一扫
260
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
