canvas教程

HTML5内基于Canvas标签依赖于ZRender库封装出来的新图表组件ECh

字号+ 作者:H5之家 来源:H5之家 2016-06-15 10:54 我要评论( )

百度在在基于ZRender(一个轻量级的Canvas类库,MVC封装,数据驱动,提供类Dom事件模型)基础上开发出了一套完整的、漂亮的HTML5图表促建ECharts。 简介 ECharts

 

评论

  : 0 |  收藏 HTML5,Canvas,标签,ZRender,库,封装,ECharts,图表,组件   [摘要]: 百度在在基于ZRender(一个轻量级的Canvas类库,MVC封装,数据驱动,提供类Dom事件模型)基础上开发出了一套完整的、漂亮的HTML5图表促建ECharts。 简介 ECharts,纯Javascript图表库,基于Canvas,底层依赖ZRender,商业产品常用图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验,赋予了用户对数据进行挖掘、整合的能力。图表类型支持折线图(区域图)、柱状图(条状图)、散点图(气泡图)、K线图、饼图(环形图)、雷达图(填充雷达图)、和弦图、力导向布局图、地图,同时支持任意维度的堆积和多图表混合展现。 名词解析 基本名词 ...

百度在在基于ZRender(一个轻量级的Canvas类库,MVC封装,数据驱动,提供类Dom事件模型)基础上开发出了一套完整的、漂亮的HTML5图表促建ECharts。

简介

 

 

 

 

 

ZRender绘图库的MVC

 

 

名词解析

基本名词

名词 描述

chart 是指一个完整的图表,如折线图,饼图等“基本”图表类型或由基本图表组合而成的“混搭”图表,可能包括坐标轴、图例等

axis 直角坐标系中的一个坐标轴,坐标轴可分为类目轴和数值轴

xAxis 直角坐标系中的横轴,通常并默认为类目轴

yAxis 直角坐标系中的纵轴,通常并默认为数值轴

grid 直角坐标系中除坐标轴外的绘图网格

legend 图例

dataRange 值域选择,常用于展现地域数据时选择值域范围

toolbox 辅助工具箱

tooltip 气泡提示框,用于展现更详细的数据

dataZoom 数据区域缩放,常用于展现大数据时选择可视范围

series 数据系列

图表名词

名词 描述

line 折线图,堆积折线图,区域图,堆积区域图

bar 柱形图(纵向),堆积柱形图,条形图(横向),堆积条形图

scatter 散点图,气泡图,大规模散点图

k K线图,蜡烛图,

pie 饼图,圆环图

radar 雷达图,填充雷达图

chord 和弦图

force 力导布局图

map 地图(支持中国及全国34个省市自治区地图)

 

更多的关于ECharts图表组件的一些使用可以访问ECharts的官方网个站进行预览!

官方站点:

HTML5,Canvas,标签,ZRender,库,封装,ECharts,图表,组件    可以扫描本站该博客文章的QR二维码进行访问  

本站该博客文章的QR二维码

 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评
p