Echarts制作图表如何放到页面中

 时间:2026-04-24 16:05:24

1、首先,我们打开Hbulider工具,新创建一个web项目,我们就在web项目下的index.html中来引用Echarts图表,当然这就是个例子,以后你可以放到任何的地方。

Echarts制作图表如何放到页面中

2、我们再进入Echarts官网,在官网的首页有一个下载,我们下载Echarts资源包

Echarts制作图表如何放到页面中

Echarts制作图表如何放到页面中

3、下载完之后,我们在index.html页面引入这个Echarts.js文件,现在我们所有的准备工作结束了。

Echarts制作图表如何放到页面中

1、我们写一个div,把要加的图表放到这个div中

Echarts制作图表如何放到页面中

2、放好之后,这时我们在页面上可以看到我们加的图表了

Echarts制作图表如何放到页面中

  • Can't connect to MySQL server on localhost
  • 如何将pycharm界面设置成白色
  • eclipse没有html或是js提示如何解决
  • PyCharm如何更改背景颜色
  • 怎么查看Pycharm的版本号
  • 热门搜索
    初中英语手抄报 厉行节约手抄报 语文手抄报图片 小学生春节手抄报 初一英语手抄报 最美逆行者手抄报 少代会手抄报 有关安全的手抄报 重阳节手抄报图片 心理健康手抄报大全