echarts怎么使用

 时间:2024-10-11 20:21:11

1、第一步在我们的电脑上百度搜索echarts,点击进去,如下图所示:

echarts怎么使用

2、第二步进去之后,点击下载,选择要下载的echarts版本,一般选择源代码,如下图所示:

echarts怎么使用

3、第三步下载完成之后,我们也可以来使用,创建一个html文件引用echarts.js和设置两个具备宽高的div准备绘制柱状图和饼图,如下图所示:

echarts怎么使用

4、第四步我们基于创建好的柱状图div,首先指定图表的配置项和数据,然后将图表的配置项和数据都饺咛百柘显示出来,如下图所示:

echarts怎么使用

5、第五步我们在浏览器打开,可以看到已经成功通过echarts绘制了一个柱状图,如下图所示:

echarts怎么使用

6、第六步我们下面来绘制饼图,同样也是先初始化echarts实例,指定图表配置项和数据,如下图所示:

echarts怎么使用

7、第七步我们在浏览器重新打开页面,可以看到饼图也绘制好了,如下图所示:

echarts怎么使用

8、第八步我们也可以进去官网,查看文档,掌握详细的使用方法,如下图所示:

echarts怎么使用
  • WinRAR压缩软件怎么查看关于步骤
  • IDEA打不开resources下的文件怎么办
  • eclipse怎么将包名相同部分收起来
  • Visual Studio 2017 VS2017 新版 无 Win32
  • VS2013 下,设计,拆分,源按钮消失解决
  • 热门搜索
    关于科技手抄报内容 爱国的手抄报图片 熊猫手抄报 孝行天下手抄报 法律伴我成长手抄报 关于清明节手抄报图片 我爱诗歌手抄报 校园是我家手抄报 小学生环保手抄报资料 一年级小学生手抄报