前端非常有用的可视化的插件Echarts

357 阅读1分钟

 链接地址:Apache ECharts

今天看了Echart's的使用手册,对js稍微有点了解的人都觉得入门非常简单,3分钟教你使用柱状图

在 echarts CDN by jsDelivr - A CDN for npm and GitHub 选择 dist/echarts.js,点击并保存为 echarts.js 文件。

需要在头部引入js'文件,接下来就可以进行书写了,在文档中还有很多样式可供参考我用到的就是多条折线图

先写一个div然后在div中设置宽度长度用来放折线图

Snipaste_2022-02-12_21-53-44.png

 接下来就是参考模板书写js'代码代码截图如下:

1.png

2.png  具体效果如下:

8.png