ASV6 : Using RCC to create bar chart element

Code used  for this element in svg 

<extensionDefs namespace="http://www.example.com/subelements">
    <elementDef name="bar">
        <prototype>
            <path id="drawing_bar"/>
        </prototype>
        <script ev:event="SVGBindEnd" type="text/ecmascript" xlink:href="bar.es"/>
    </elementDef>
    <elementDef name="barChart">
        <prototype>
            <rect id="rect0"/>
            <pi:bar id="bar0" />
            <!-- some path and text objects for legend -->
        </prototype>
        <script ev:event="SVGBindBegin" type="text/ecmascript" xlink:href="barChart.es"/>
    </elementDef>
</extensionDefs>

Syntax for barChart element

<pi:barChart
    x : coordinate ( 0 by default )
    y : coordinate ( 0 by default )     
    width : length  ( 0 by default )   
    height : length ( 0 by default )   define rectangle to draw barChart
    data : list of values with ";" as separatot
    filled : list of color names or link to gradient for background and bars

 ... some other attributes to define for legend ....
/ >

See example   Load script files  bar.es  barChart.es

 

 



chapters: intro toc intro sample svg elements toc svg elements sample


To see SVG examples in HTML you need the SVG plugin:
Adobe SVG Viewer or Corel Viewer
You can also use Batik viewer to open SVG files.




SVG Tutorials
SVG Books
SVG Graphics
MapPoint
SVG Links


Antilles Calling Card

XML Elves
XML and SVG Discussion
- Warning: x = x + 1 May Be Hazardous to Your Brain
- Open Comparability: against anti-benchmarking EULAs

| Rainbow Seeker | SVG PHP


Map Visitors Learn SVG: Contact Learn SVG
©2002-2008 Learn SVG. All Rights Reserved.
Questions and comments to: learnsvg@gmail.com