1、首先,打开VSCode编辑器,新建一个index.html文件
2、在index.html文件中,编写html代码,创建一个class为box的div容器
3、为div容器设置宽度和高度(容器没有宽高就无法加载图表)
4、通过script标签引入echarts.js文件(先去官网下载到本地再引入)
5、在body最下方添加script标签,编写js脚本(具体代码如下)
6、编写完代码后,点击鼠标右键,选择通过浏览器打开index.html文件
7、就可以在浏览器看到折线图成功加载出来了
1、首先,打开VSCode编辑器,新建一个index.html文件
2、在index.html文件中,编写html代码,创建一个class为box的div容器
3、为div容器设置宽度和高度(容器没有宽高就无法加载图表)
4、通过script标签引入echarts.js文件(先去官网下载到本地再引入)
5、在body最下方添加script标签,编写js脚本(具体代码如下)
6、编写完代码后,点击鼠标右键,选择通过浏览器打开index.html文件
7、就可以在浏览器看到折线图成功加载出来了