简单使用了ECharts.
先定义一个区域,设置ID和宽高,引入echarts.js,使用echarts.init()初始化,然后配置option项,type类型等等,使用setOption(option)设置就可以了.
理解域名与IP地址.
IP地址由四部分被点分隔的数字序列组成，比如：192.168.2.10。人们很难记忆这一串数字,为简单处理,给IP地址去一个容易阅读的别名:域名.
客户端与服务器
现在，让我们假设 Web 就是一条路。路的一端是客户端，就像你的家。另一端则是服务器，就像你想去的商店。
除了客户端和服务器，我们还需要了解：
网络连接: 允许你在互联网上发送和接受数据。基本上和你家到商店的街道差不多。
TCP/IP: 传输控制协议和英特网互连协议是定义数据如何传输的通信协议。这就像你下订单，去商店和买东西时所使用的传输机制。这里就像是一辆汽车或自行车（或是你能想到的其他可能）。
DNS: 域名系统服务器像是一本网站通讯录。当你在浏览器内输入一个网址时，浏览器获取网页之前将会查看域名系统。浏览器需要找到存放你想要的网页的服务器，才能发送 HTTP 请求到正确的地方。就像你要知道商店的地址才能到达那。
HTTP: 超文本传输协议是一个定义客户端和服务器间交流的语言的协议（protocol）。就像你下订单时所说的话一样。
组成文件: 一个网页由许多文件组成，就像商店里不同的商品一样。这些文件有两种类型：
代码 : 网页大体由 HTML、CSS、JavaScript组成，不过你会在后面看到不同的技术。
资源 : 这是其他组成网页的东西的集合，比如图像、音乐、视频、Word文档、PDF文件。
当你在浏览器里输入一个网址时（在我们的例子里就是走向商店的路上时）：
1.浏览器在域名系统服务器上找出存放网页的服务器的实际地址（找出商店的位置）。
2.浏览器发送 HTTP 请求信息到服务器来请拷贝一份网页到客户端（你走到商店并下订单）。这条消息，包括其他所有在客户端和服务器之间传递的数据都是通过互联网使用 TCP/IP 协议传输的。
3.服务器同意客户端的请求后，会返回一个“200 OK”信息，意味着“你可以查看这个网页，给你～”，然后开始将网页的文件以数据包的形式传输到浏览器（商店给你商品，你将商品带回家）。
4.浏览器将数据包聚集成完整的网页然后将网页呈现给你（商品到了你的门口 —— 新东西，好棒！）。
