• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > ECharts-基于HTML5 Canvas的JavaScript图表库图文详解

ECharts-基于HTML5 Canvas的JavaScript图表库图文详解

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-12-03

本文主要包含HTML5 ,ECharts,JavaScript等相关知识,匿名希望在学习及工作中可以帮助到您
ECharts开源来自百度商业前端数据可视化团队,基于html5 Canvas,是一个纯Javascript图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验,赋予了用户对数据进行挖掘、整合的能力。

ECharts (Enterprise Charts 商业产品图表库)

提供商业产品常用图表,底层基于ZRender(一个全新的轻量级canvas类库),创建了坐标系,图例,提示,工具箱等基础组件,并在此上构建出折线图(区域图)、柱状图(条状图)、散点图(气泡图)、饼图(环形图)、K线图、地图、力导向布局图以及和弦图,同时支持任意维度的堆积和多图表混合展现。

特色

推荐翻阅这份在线文档 《 Why ECharts ? 》,从中可以更直观的体验到ECharts的特性以及快速浏览到所有图表类型。
*文档中展现的个别特性在IE8-中并没有得到支持,所以建议使用IE9+、chrome、safari、firefox或opear等浏览器阅读这份文档。

混搭

拖拽重计算

ECharts 拖拽重计算

数据视图

ECharts 数据视图

动态类型切换

ECharts 动态类型切换

图例开关

ECharts 图例开关

数据区域选择

ECharts 数据区域选择

多图联动

ECharts 多图联动

值域漫游

ECharts 数据区域选择

炫光特效

ECharts 炫光特效

大规模散点图

ECharts 大规模散点图

子区域地图模式

GeoJson地图扩展

标线辅助

ECharts 标线辅助

多维度堆积

ECharts 多维度堆积

百搭时间轴

ECharts 百搭时间轴

个性化定制


您可能想查找下面的文章:

  • HTML5的本地存储
  • Define charset for HTML5 Doctype
  • HTML5 canvas如何绘制动态径向渐变
  • 如何使用HTML5 Canvas绘制动态线性渐变
  • HTML5 canvas如何实现马赛克的淡入淡出效果(代码)
  • HTML5 canvas中如何绘制图像
  • 如何使用HTML5 canvas实现图像的马赛克
  • html5 canvas实现简单的双缓冲
  • HTML5 Canvas 图形组合是如何实现的?附代码
  • HTML5 figure标签是什么意思?HTML5 figure标签的使用方法详解

相关文章

  • 2018-12-03解析HTML5中的新功能本地存储localStorage_html5教程技巧
  • 2018-12-03HTML5的新特性(1) _html5教程技巧
  • 2017-08-06html5生成柱状图(条形图)效果的实例代码
  • 2017-08-06HTML5之SVG 2D入门13—svg对决canvas及长处和适用场景分析
  • 2018-12-03html5有哪些清空画布的方法
  • 2018-12-03HTML5 CSS3专题 纯CSS打造相册效果的示例代码详解
  • 2017-08-06开发人员所需要知道的HTML5性能分析面面观
  • 2017-08-06HTML5全屏(Fullscreen)API详细介绍
  • 2017-08-06处理HTML5新标签的浏览器兼容版问题
  • 2018-12-03HTML5实战与剖析之CSS选择器——getElementsByClassName()方法

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • HTML5地理定位与第三方工具百度地图的应用
    • canvas学习和滤镜实现代码
    • 使用phonegap克隆和删除联系人
    • localStorage与sessionStorage该如何使用
    • 网易微博Web App用HTML5开发的过程介绍_html5教程技巧
    • 使用javascript和HTML5 Canvas画的四渐变色播放按钮效果_html5教程技巧
    • HTML5 History模式是什么
    • 关于H5页面的10篇文章推荐
    • html5 Web SQL Database 之事务处理函数transaction与executeSQL解析
    • HTML5每日一练之details展开收缩标签的应用

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有