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的版本号
  • 热门搜索
    安徽的旅游景点 青藏高原旅游 广州旅游区 澳大利亚 旅游签证 惠安旅游景点大全 珠海东澳岛旅游攻略 常德旅游景点大全 香港旅游全攻略 水上旅游 舟山旅游景点大全