Scribd Logo
Importer

Bienvenue sur Scribd !

  • Charts 101129140537 Phpapp01

    Transféré par

    Prasad Dhanikonda
    16 vues40 pages
    Ext 4 Charting and Visualization Working with Vector Graphics Ext Draw Surface SVG Engine VML Engine Canvas Engine Sprite Ext.draw.Sprite Abstracted drawing elements Normalizes di erences between engine API syntax Attributes Event support (extends Observable) Transforms (Rotate, Translate, Scale) Animation supported through ext.fx SpriteComposites.

    Description originale:

    Titre original

    charts-101129140537-phpapp01

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Formats disponibles

    PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document
    Ext 4 Charting and Visualization Working with Vector Graphics Ext Draw Surface SVG Engine VML Engine Canvas Engine Sprite Ext.draw.Sprite Abstracted drawing elements Normalizes di erences between engine API syntax Attributes Event support (extends Observable) Transforms (Rotate, Translate, Scale) Animation supported through ext.fx SpriteComposites.

    Droits d'auteur :

    Attribution Non-Commercial (BY-NC)
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    16 vues40 pages

    Charts 101129140537 Phpapp01

    Transféré par

    Prasad Dhanikonda
    Ext 4 Charting and Visualization Working with Vector Graphics Ext Draw Surface SVG Engine VML Engine Canvas Engine Sprite Ext.draw.Sprite Abstracted drawing elements Normalizes di erences between engine API syntax Attributes Event support (extends Observable) Transforms (Rotate, Translate, Scale) Animation supported through ext.fx SpriteComposites.

    Droits d'auteur :

    Attribution Non-Commercial (BY-NC)
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    sur 40

    Ext 4 Charting and Visualization

    Dmitry Baranovskiy - Raphal Jason Johnston - CSS3 Pie Nicolas Belmonte - InfoVis -

    Working with Vector Graphics

    Ext Draw
    Surface

    SVG Engine

    VML Engine

    Canvas Engine

    Sprite

    Ext.draw.Surface
    Rendering of primitives: Ellipses, Rectangles, Complex Paths Text Images Gradients

    Ext.draw.Sprite
    Abstracted drawing elements Normalizes di erences between engine API syntax Attributes Event support (extends Observable) Transforms (Rotate, Translate, Scale) Animation supported through Ext.fx SpriteComposites

    Ext.draw.DrawComponent
    Extends Ext.Component Engine preference via feature detection Customizable engine preference order Layout participation

    DrawComponent Sample

    Draw Component Sample

    HTML5 Standards Based

    Resolution Independence

    Ext Charts

    Working with Charts


    DrawComponent

    Chart

    Store

    Axis

    Series

    Legend

    Callout

    Pie

    Bar/Column

    Line/Area

    Scatter

    Simple Pie Chart

    Simple Pie Chart

    Series Properties
    Label conguration Animation e ects Shadow e ects Highlighting e ects Gradients Legends Callouts Renderers

    Label Options
    Full Font styling Orientation Rotation Positioning Renderers

    Legends
    Positioning: top, bottom, left, right, oating Vertical/Horizontal stacking Styling using same Label API

    Callouts
    Tooltips on steroids Series/Chart highlighting Axis selection - pan/zoom

    Gradients
    Shared across all series Accessed by reference id Multiple color support Linear gradients Multiple opacity stop support Radial gradients

    Linear Gradient Sample

    Pie Properties
    angleField lengthField Stacking Pie or Donuts?

    Styled Pie Chart

    Series Renderers
    Similar concept to Grid Renderers Customize any property Return new set of properties Available to all series

    Series Renderers

    Styled Pie Chart

    Cartesian Charts
    Axis support Bar/Column, Line/Area, Scatter Point Mix and Match

    Axes
    Numeric, Category and Time Align to top, bottom, left, right Bind each axis to di erent data sets Ellipsis support Gridline support Full label conguration support

    Axis Sample

    Column Sample

    Column Charts

    Column/Bar Properties
    Assign an array of elds to add grouping Stack ag to change to stacking

    Column/Bar Sample

    Grouped/Stacked Bar/Column

    Line Charts
    Markers Smoothing Fills Stacking for area charts

    Line Charts

    Stocks Sample

    Scatter Charts

    Mixed Series

    Beyond Charting
    Full Graphical Dashboards Graphic Display Gauges Heatmaps Organizational Charts Network Diagrams Interactive Maps and Location Components Venn Diagrams

    Thank You!

    @jamieavins

    Vous aimerez peut-être aussi