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

 时间:2026-02-14 15:28:55

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的版本号
  • 热门搜索
    安全的手抄报 心理健康手抄报图片 文明城市手抄报 清明节的手抄报图片 消防安全手抄报内容字 我的家乡手抄报 朝花夕拾手抄报 科普手抄报图片 关于古诗的手抄报 感恩的心手抄报