没有合适的资源?快使用搜索试试~ 我知道了~
echarts新手入门参考资料
4星 · 超过85%的资源 需积分: 50 42 下载量 14 浏览量
2017-12-18
16:36:19
上传
评论
收藏 419KB DOCX 举报
温馨提示
试读
6页
资料是自己总结的,感觉比较适合之前没用过的或者新人看看,里面写有如何下载,如何引入js文件,如何下载官网案例源码,如何学习echarts之类等等,有需要的可以下载看看
资源推荐
资源详情
资源评论
一、 官网:
hp://echarts.baidu.com/opon.html#series-graph
1、从官网上下载 js 文件,开发建议下载完整版
2、建议同时下载 jQuery 的 js 文件,echarts 中使用了 jQuery,同时自己在开发过程中也可
以使用;
3、将两个 js 文件引入进来:
在<head>标签部分引入 jquery 的 js(项目比较老,现在有更新的 jQuery 版本):
<scripttype="text/javascript"
src="<%=request.getContextPath()%>/resource/jquery/jquery-1.7.2.min.js">
</script>
在<body>部分首先给将来要显示的图表画好区域,可以定义好一个 div:
<div id="container" style="height: 700px;width:100%"></div>
然后在后面引入 echarts 的 js 文件:
<script type="text/javascript" src="<%=request.getContextPath()%>/resource/echarts/vendors/echarts/
echarts-all-3.js"></script>
注意:echarts3 的 js 引入是放在 body 里面来引入
4、获取 dom 对象,echarts 初始化:
< <script type="text/javascript">
var dom = document.getElementById("container");
var myChart = echarts.init(dom);
5、创建 opon,opon 里面的内容,实际就是将来要显示的组件信息,包括 tle、type
(图表的类型,是 graph 关系图,还是柱状图之类)等等,这些信息都在官网上的“文档”—
—“配置项手册”中查看,而 opon 的核心部分当属“series”配置部分,这里的才是真正显示
的主体部分,在进行配置 series 时,可以根据 type 的不同,查看不同类型图表的配置信息。
6、最后再把 opon 塞到前面的 mychart 中:
myChart.setOpon(opon);
if (option && typeof option === "object") {
myChart.setOption(option, true);
}
资源评论
- 江南的流星2018-03-07学习一下,,,
蜜蜂灬
- 粉丝: 0
- 资源: 2
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功