JavaScript、Node.js与Apache ECharts

---

JavaScript 与 Node.js 简介

JavaScript是一种弱类型的解释型语言，直接编辑后缀为.js的文件，然后用了浏览器就可以运行，它主要是进行html dom操作，属于脚本语言，只要有浏览器就行。

Node.js是运行在服务端的JavaScript，是一个基于Chrome JavaScript运行时建立的一个平台。它最大的优点是，能使用JavaScript语言开发后端，从而在编程语言这一点上，实现了前端和后端的统一；当然，目前开发后端的主流还是Java，但是Node.js已经开始凸显了它的优势。另外，在很多数据可视化技术也是基于Node.js开发和使用的。

Node.js下载地址：官网下载

教程：

• runoob的Node.js教程
• W3school的JavaScript
• 微软开放的Node.js教程
• 配置npm下载包的路径

---

常用命令

npm -v  # 查看npm的版本
npm install echarts  # 下载第三方包，下载到默认目录下 C:\Users\admin\node_modules\
npm install -g echarts  # 下载第三方包，下载到个人设置的全局目录下
npm install -g echarts --registry=https://registry.npm.taobao.org  # 使用淘宝的npm镜像下载第三方包，以提升下载速度
npm config ls  # 查看配置信息
npm list  # 查看已安装的第三方包
npm config get prefix  # 查看包的安装路径，最好修改到C盘以外的地方

---

ECharts

ECharts，是百度开源的数据可视化项目，现在已经称为了 Apache 基金会的顶级项目。它是 Node.js 的一个第三方库，提供了异常丰富的图表类型。它可以在PC、移动端、小程序中使用，也提供了Python的第三方模块以供调用。

参考ECharts官网，将教程过一遍，将教程和demo中的代码都手动写一遍，自然就熟悉了。在生产中实际使用的时候，再来查询接口即可。

通过查看实例，可以获取非常多类型的图标的代码；下载代码后，结合自己的生产需求进行一定的修改，即可上线。诸多实例可参考：https://echarts.apache.org/examples/zh/index.html

---

ECharts + MySQL

ECharts 读取 MySQL 中的数据，从而实现 C/S 架构。这个还未跑通。

---

ECharts + Kafka

ECharts 读取 MySQL 中的数据，从而实现实时数据展示。这个还未跑通。