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的版本号
  • 热门搜索
    西柚减肥法 魔力宝贝手游攻略 一周快速减肥方法 鬼泣3攻略 跑步多久才能起到减肥的作用 装修颜色搭配 喝白醋能减肥吗 他妈的用英语怎么说 潮汕旅游攻略 名师简介