ch09、ExtJs4中的图形与图表研讨.ppt

BF-TECH-J2EE软件开发工程师就业课程 level4-富客户端技术篇 工具篇 课程四【Struts2+Spring3+Hibernate4+DWR+ExtJS4.0开发富客户端商业应用】讲师：风舞烟、飞扬 第九章、ExtJs 4 中的图形与图表 目录 一、SVG简介 二、使用图形功能初探 三、DrawComponent、Surface、DrawSprite、CompositeSprite对象的配置项、属性、方法与事件 四、使用基本图形 五、使用路径（Path） 六、移动、旋转和缩放图形 七、用渐变效果 八、使用图层 九、第一个折线图表 十、显示多个折线图 十一、简单条形图（Bar和ColumnChart） 十二、使用饼图 十三、 使用时间轴 十四、使用组合图 十五、在图表中使用背景 一、SVG简介 什么是SVG？ SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用来定义用于网络的基于矢量的图形 SVG 使用 XML 格式定义图形 SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失 SVG 是万维网联盟的标准 SVG 与诸如 DOM 和 XSL 之类的 W3C 标准是一个整体 SVG 的历史和优势 在 2003 年一月，SVG 1.1 被确立为 W3C 标准。 参与定义 SVG 的组织有：太阳微系统、Adobe、苹果