# 什么是 ECharts 图表
[ECharts](Examples - Apache ECharts),一个纯 Javascript 的图表库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari 等),底层依赖轻量级的 Canvas 类库 ZRender,提供直观,生动,可交互,可高度个性化定制的数据可视化图表。
ECharts 作为国产工具,在语言上对中文开发者有着天然的优势,官方文档对每一个细节、参数、配置都有详尽的说明,对于新手非常的友好。另外一个重要的方面,就是 ECharts 的图表颜值很高,默认的主题和配色可以呈现出优雅漂亮的图表。所以,我也一直选择 ECharts 作为我的网页图表绘图工具。
# Hexo 中的 ECharts
Hexo 的 ECharts 插件是我根据周旅军的原型插件开发的,已收录于 Hexo 官方插件页。插件的安装和使用非常的简单,只需要进入博客目录,然后安装:
npm install hexo-tag-echarts3 --save |
之后在文章内使用 ECharts 的 tag
就可以了:
<!--swig0--> |
其中 echarts
是标签名,不需要更改, 400
是图表容器的高度, 85%
是图表容器的相对宽度。而在 tag
之间的部分,则是需要自己填充的图表数据了。
直接在官网调整好参数后,粘贴至 MD 即可