前言:
近年来,在数据服务的公司中,数据可视化越来越重要。随着而来的,国内外正在如火如荼的开发各种在线js视图展示框架。而百度的e-chart算是实用性较高且体验最好的!今天闲来无事,便来玩玩~
echart自我介绍:
“基于Canvas,纯Javascript图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验,赋予了用户对数据进行挖掘、整合的能力。”
1资源下载
下载路径(http://echarts.baidu.com/build/echarts-2.2.7.zip)
2文件目录说明
echart-2.2.7
-build js总文件夹(diss,src)
-doc 使用说明文档
-extension 地图相关拓展
-src js源码细节
-test 测试
3 使用说明
解压后,用浏览器打开文件'./doc/start.html'
4 实战
step1:新建 echart-test.html 文件,为ECharts准备一个具备大小(宽高)的Dom。
直接调用在线的js,无需本地加载echart相关资源文件
step2:新建<script>标签引入模块化单文件echarts.js
step3:新建<script>标签中为模块加载器配置echarts和所需图表的路径(相对路径为从当前页面链接到echarts.js)
step4:编辑html,修改数值并保存,可以观察到图的实时变化(支持下载保存)
echart-test.html的完整html代码
结语:
以上就是本篇文章【百度开源e-chart初探】的全部内容了,欢迎阅览 ! 文章地址:http://nhjcxspj.xhstdz.com/news/5058.html
栏目首页
相关文章
动态
同类文章
热门文章
网站地图
返回首页 物流园资讯移动站 http://nhjcxspj.xhstdz.com/mobile/ , 查看更多