ppt课件-datavisualizationwithdojotoolkit.pptVIP

Data Visualization with Dojo toolkit Gu Yi, He Apache Asia Roadshow 2010 Agenda Why JavaScript? Getting started with Dojo Charting Dashboards Drawing with Dojo GFX Embracing the next new Tech Wave Further Reading Why JavaScript? Rich Internet Applications Flex Silverlight JavaFX JavaScript/CSS/HTML Getting Started with Dojo Charting Our first Pie chart Getting Started with Dojo Charting Easy to create Requiring Charting Classes Two ways to play Declarative Chart Creation Programmatic Chart Creation Chart Animations, Legends, and Themes Getting Started with Dojo Charting Declarative / Programmatic Chart Creation Getting Started with Dojo Charting Customize the chart The effects can be “added” onto the chart like plugins We can finely control the behavior and apparence of the chart Getting Started with Dojo Charting Abundant amount of chart types Dashboards Drawing with Dojo GFX Need to invent a new chart type? Need to draw freely? Dojo GFX is a cross-platform vector graphics API you are looking for SVG (Firefox 1.5-3.6, Safari(Webkit) 3.0, Opera 9.0, Chrome(Webkit), iPhone Safari 2.1) VML (IE 6-8) Silverlight (wherever it is supported by Microsoft) Canvas (Firefox 2.0-3.6, Safari 3.0 including iPhone Safari 1.x 2.x, Opera 9.0) Drawing with Dojo GFX Dojo GFX loosely follows SVG as the underlying model. Every visual presentation created with Dojo GFX begins by creating a Surface object which will serve as the visual rectangular container for shapes. In order to draw on a Surface, youll need to create Shape objects and attach the shapes to a Surface. GFX also has the concept of a Group, which is a pseudo-shape. Groups combine other shapes (which can include other groups), and can be used to apply transformation to a group. Drawing with Dojo GFX Supported Shapes Rectangle (optionally with rounded corners) Circle Ellipse Line Polyline/polygon Path (the most versatile shape) Path implements the full SVG path language. Image Text TextPath Drawing with Dojo GFX Demo Embra