赞
踩
1.首先去官网下载依赖的JS依赖包。如图:
相关官网,下载路径如下:
http://echarts.baidu.com/download.html
下载界面如下:
请下载完整版,不然代码运行起来,前端控制台。console.log会出现报错信息。
具体代码如下:
使用的IDE为sublimetext3.
打开建立一个网页:代码如下:
将引入的文件按照自己的相对路径进行放好,我的路径是这样,echarts.min.js是官方的依赖包,打开浏览器进行运行。
运行结果如下:
至此图表完成了此次操作。
Echarts的引入成功。
修改相关的代码即可进行相关的行列变化,如下图:
以下为图表的X轴
以下为图表的y轴:
为什么有两个类似json之类的数据格式{},因为在legend的设置的部分定义了两个
前面一个是访问量,后面一个是用户量。
所有的设置均是在option这个定义域里面完成。
这个图表是放在一个div当中,获取div容器的id,并调用echarts的init方法进行引用。
实例对象。,此时都是内部引用echart内部的方法进行调用,代码提示可知,内置setoption方法里面的获取之前定义的参数,即可自定义展示。
更改部分代码:展示结果如下:
修改之后的代码如下:
可以得知关键字5个:
1.div对象,
2.引入echarts官方依赖,(建议完整版,自己引用精简版出现了错误compent do not exits不存在的错误。)
3.option的参数设定,{}json格式书写,注意每个设定项完成以,号结尾。
4.echarts.init方法的调用。
5.实例化div对象如代码中的mycharts然后调用setOption方法进行(options)相关设定参数的加载,以及呈现。
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。