如何在WordPress中插入制作好的ECharts图表

如何在WordPress中插入制作好的ECharts图表

前言

插入图表可以使用图片,但是过于死板,因此使用ECharts图表,大数据彰显魅力。可以使用插件,也可以使用代码~本文讲述的使用代码~
最终呈现效果:

操作

1.生成echarts.js文件

方式一:可以通过自己生成,放入到网站根目录。
[v_act]https://www.echartsjs.com/zh/builder.html[/v_act]
方式二:直接引用百度的即可。

2.文章中引入echarts.js文件

切换文本模式,复制以下代码,即可引入成功。可通过开发者工具,是否引入成功。


3.创建图表大小

切换文本模式,复制以下代码,即可创建成功。

4.引入js数据

切换文本模式,复制以下代码,即可引入成功。
var option = 内容自行百度图说生成。
[v_act]百度图说传送门https://tushuo.baidu.com/[/v_act]


发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注