[Ext JS 4] 组件之图表

前言

图表用来更直观的呈现数据，通常它可以很好的呈现出数据之间的关系。

在Ext JS 4中，图表的类使用绘图包开发的surfaces(表面)和sprites(精灵)。这也就说，它们的底层技术都是SVG, VML 或 HTML 5 Canvas 的绘图技术。

每一个图表必须要三个组成部分：数据(data), 轴(axes)和系列(Series)。

数据 - 是图表用来展示的信息，在Ext 中使用标准的Model 或是 Store.

轴 - 提供数据的来源，范围，规模和单位。组成图表的基本架构。轴可以是笛卡尔坐标(x,y), 极性(或径向)，或轨距(用于仪表盘图表的一维轴)。尽管一个结合多个类型系列的图表需要额外的轴定义，但大多数的图表还是使用一组轴。

系列- 这个属于是用于数据的图形渲染的。换句话说，就是一个图标的基本图形项目，像线图，柱状图，栏位或饼图。一个图形可以包含多个系列。例如：在一个图形的中有三个线状图就包含有三个独立的线系列。

可以添加标签，标记和图例说明到图上；还可以设置动画效果或是放大某一个区块。

label(标签) -- 对一个轴或是系统的解释性标题。

marker(标记) -- 用来在一个系列中绘制数据点的一个符号，形状或是图片。

[Ext JS 4] 组件之图表相关推荐

谈谈Ext JS的组件——布局的使用方法续二
绝对布局(Ext.layout.container.Absolute) 绝对布局让我回想到了使用Foxpro开发的时候,哪时候的界面布局就是这样,通过设置控件的左上角坐标(x,y)和宽度来进行的,因为 ...
12.15 Ext JS 选人组件
在Ext JS中使用选人组件的方式有很多种,比如: 方式1. 使用Combobox或是继承Combobox自定义子类方式2. 使用tagfield 或是继承tagfield 自定义子类方式3. 定 ...
谈谈Ext JS的组件——布局的使用方法续一
盒子布局盒子布局主要作用是以水平(Ext.layout.container.HBox)或垂直方式(Ext.layout.container.VBox)来划分容器区域.这也是比较常有的布局方式. 使用 ...
Ext JS 4倒计时：图形和图表
基本图形功能一直以来,在Web应用程序中进行绘图是很困难的事情.虽然我们很希望在应用程序中创建丰富的交互式图表或其他图像,但是HTML真的是不是这块料.通常,我们需要使用到Adobe Flash,但 ...
Ext JS 6学习文档-第3章-基础组件
Ext JS 6学习文档-第3章-基础组件基础组件在本章中,你将学习到一些 Ext JS 基础组件的使用.同时我们会结合所学创建一个小项目.这一章我们将学习以下知识点: 熟悉基本的组件 – 按钮, ...
第7章[7.18] Ext JS组件嵌入HTML页面
需求描述规范标准的Ext JS开发基本都是使用基于Ext JS的组件构建页面, 但有的时候需要直接使用HTML进行展示,需求的场景包括但不限于以下状况: 元素显示很简单,不需要使用重型的Ext JS ...
Ext JS 4倒计时：开发者预览版
作为Ext JS团队的代表,我很高兴地宣布第一个Ext JS 4开发者预览版发布了.Ext JS 4是到目前为止,我们所做的改动最大,有史以来最先进的Javascript框架.从生成HTML代码到类 ...
【翻译】使用Sencha Ext JS 6打造通用应用程序
原文:Using Sencha Ext JS 6 to Build Universal Apps {.aligncenter} 在Sencha和整个Ext JS团队的支持下,我很高兴能跟大家分享一下有 ...
3.15 Ext JS 之 Tooltip 的基本使用
Ext JS 创建 Tooltip 的类型根据类创建实例. Ext.tip.ToolTip 单例, 全局 .Ext.tip.QuickTip 直接设置HTML或是DOM的属性 1. 创建 Ext.t ...

[Ext JS 4] 组件之图表

前言

[Ext JS 4] 组件之图表相关推荐

最新文章

热门文章