推广 热搜: 行业  设备    系统  参数  经纪    教师  机械  中国 

百度开源e-chart初探

   日期:2024-11-10     作者:n19v1    caijiyuan   评论:0    移动:http://changmeillh.xhstdz.com/mobile/news/5058.html
核心提示:前言:  近年来,在数据服务的公司中,数据可视化越来越重要。随着而来的,国内外正在如火如荼的开发各种在线js视图展示框架。

前言:

百度开源e-chart初探

  近年来,在数据服务的公司中,数据可视化越来越重要。随着而来的,国内外正在如火如荼的开发各种在线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代码

结语:

本文地址:http://changmeillh.xhstdz.com/news/5058.html    物流园资讯网 http://changmeillh.xhstdz.com/ , 查看更多

特别提示:本信息由相关用户自行提供,真实性未证实,仅供参考。请谨慎采用,风险自负。

 
 
更多>同类最新文章
0相关评论

文章列表
相关文章
最新动态
推荐图文
最新文章
点击排行
网站首页  |  关于我们  |  联系方式  |  使用协议  |  版权隐私  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报  |  鄂ICP备2020018471号