# 什么是 ECharts 图表

[ECharts](Examples - Apache ECharts),一个纯 Javascript 的图表库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari 等),底层依赖轻量级的 Canvas 类库 ZRender,提供直观,生动,可交互,可高度个性化定制的数据可视化图表。

image-20220822214120590

ECharts 作为国产工具,在语言上对中文开发者有着天然的优势,官方文档对每一个细节、参数、配置都有详尽的说明,对于新手非常的友好。另外一个重要的方面,就是 ECharts 的图表颜值很高,默认的主题和配色可以呈现出优雅漂亮的图表。所以,我也一直选择 ECharts 作为我的网页图表绘图工具。

# Hexo 中的 ECharts

Hexo 的 ECharts 插件GitHub stars是我根据周旅军的原型插件开发的,已收录于 Hexo 官方插件页。插件的安装和使用非常的简单,只需要进入博客目录,然后安装:

npm install hexo-tag-echarts3 --save

之后在文章内使用 ECharts 的 tag 就可以了:

<!--swig0-->

其中 echarts 是标签名,不需要更改, 400 是图表容器的高度, 85% 是图表容器的相对宽度。而在 tag 之间的部分,则是需要自己填充的图表数据了。

image-20220822214241502

直接在官网调整好参数后,粘贴至 MD 即可

更新于 阅读次数

请我喝[茶]~( ̄▽ ̄)~*

flechazo 微信支付

微信支付

flechazo 支付宝

支付宝

flechazo 贝宝

贝宝