Hexo博客中插入Echarts

D_Sketon

于 2022-12-31 11:12:16 发布

阅读量225

点赞数

本文链接：https://blog.csdn.net/qiuyumin888/article/details/128503645

版权

Hexo博客中插入Echarts

鉴于现有的 hexo-tag-echarts3 过于老旧，所以本人重写了一个新插件 hexo-tag-echarts-new，相比于其他同款插件增加了js版本和类型选择功能，同时去除了 underscore 依赖
Github仓库地址

安装

npm install hexo-tag-echarts-new --save

使用

{% echarts 85% 400 5.4.0 simple %}
// echarts options
{% endecharts %}

第一个参数代表图表的宽度，必填，可填数字或百分比

第二个参数代表图表的高度，必填，可填数字或百分比

第三个参数代表图表的版本，选填，默认5.4.1

第四个参数代表图表js的类型，选填，默认不填，即为 echarts.min.js
可填类型 simple，代表 echarts.simple.min.js

e.g.

{% echarts 85% 400 5.4.0 simple %}
{
  xAxis: {
    type: 'category',
    data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: [150, 230, 224, 218, 135, 147, 260],
      type: 'line'
    }
  ]
}
{% endecharts %}