首页 > 其他 > 详细

echats 的使用

时间:2019-08-05 12:04:04      阅读:91      评论:0      收藏:0      [点我收藏+]
  1. 第一步在我们的电脑上百度搜索echarts,点击进去,如下图所示:

    技术分享图片
  2. 2

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

    技术分享图片
  3. 3

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

    技术分享图片
  4. 4

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

    技术分享图片
  5. 5

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

    技术分享图片
  6. 6

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

    技术分享图片
  7. 7

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

    技术分享图片
  8. 8

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

    技术分享图片
  9.  

echats 的使用

原文:https://www.cnblogs.com/qj696/p/11301975.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!