incubator-adffaces-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From awi...@apache.org
Subject svn commit: r450952 [4/6] - in /incubator/adffaces/trunk/trinidad: src/site/xdoc/devguide/ trinidad-api/src/main/java-templates/org/apache/myfaces/trinidad/component/ trinidad-api/src/main/java/org/apache/myfaces/trinidad/event/ trinidad-api/src/main/j...
Date Thu, 28 Sep 2006 18:07:59 GMT
Modified: incubator/adffaces/trunk/trinidad/trinidad-impl/src/main/resources/META-INF/adf/styles/base-desktop.xss
URL: http://svn.apache.org/viewvc/incubator/adffaces/trunk/trinidad/trinidad-impl/src/main/resources/META-INF/adf/styles/base-desktop.xss?view=diff&rev=450952&r1=450951&r2=450952
==============================================================================
--- incubator/adffaces/trunk/trinidad/trinidad-impl/src/main/resources/META-INF/adf/styles/base-desktop.xss (original)
+++ incubator/adffaces/trunk/trinidad/trinidad-impl/src/main/resources/META-INF/adf/styles/base-desktop.xss Thu Sep 28 11:07:57 2006
@@ -3459,6 +3459,17 @@
     <includeStyle name="TreeRowSelected"/>
   </style>
 
+  
+  <!-- 
+    Chart Styles 
+  -->
+  <style selector="af|chart">
+    <!-- default width and height for chart -->
+    <property name="width">400px</property>
+    <property name="height">300px</property>
+    <property name="background-color">white</property>
+  </style>
+
   <!--
        The following set of styles define server-side styles used by
        the UIX.  These styles affect the appearance of images such as buttons 

Added: incubator/adffaces/trunk/trinidad/trinidad-impl/src/main/resources/META-INF/adf/svg/chart.svg
URL: http://svn.apache.org/viewvc/incubator/adffaces/trunk/trinidad/trinidad-impl/src/main/resources/META-INF/adf/svg/chart.svg?view=auto&rev=450952
==============================================================================
--- incubator/adffaces/trunk/trinidad/trinidad-impl/src/main/resources/META-INF/adf/svg/chart.svg (added)
+++ incubator/adffaces/trunk/trinidad/trinidad-impl/src/main/resources/META-INF/adf/svg/chart.svg Thu Sep 28 11:07:57 2006
@@ -0,0 +1,194 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg xmlns="http://www.w3.org/2000/svg">
+<defs>
+  <!-- prototype for border-->
+  <rect id="borderPrototype" stroke="#004E7E" fill="none"/>
+
+  <!-- START Prototypes for chart grid-->
+    <rect id="gridRectPrototype" stroke="#000000" stroke-width="1"/>
+    <path id="gridPathPrototype" stroke="#A0A0A0" stroke-width="1" fill="none"/>
+    <path id="gridPath3dRectPrototype" stroke="#000000" stroke-width="1"/>
+      <!-- Used for Radar Chart -->
+    <circle id="radarCirclePrototype" stroke="#000000" stroke-width="1"/>
+    <circle id="radarInnerCirclePrototype" stroke="#A0A0A0" fill="none"/>
+    <path id="radarGridPathPrototype" stroke="#A0A0A0" stroke-width="1" fill="none"/>
+  <!-- END Prototypes for chart grid-->
+
+  <!-- START DATA Elements Prototypes-->
+    <rect id="barRectPrototype" stroke-opacity="1.0"/>
+    <path id="barPathPrototype" stroke-opacity="1.0"/>
+    <path id="piePathPrototype" stroke-opacity="1.0"/>
+    <path id="areaPathPrototype" stroke-width="1"  stroke-opacity="1.0"/>
+    <path id="linePathPrototype" fill="none" stroke-width="2" stroke-opacity="1.0"/>
+    <path id="linePath3dPrototype" stroke-width="1"  stroke-opacity="1.0"/>
+    <circle id="lineDotPrototype" r="4" stroke-width="1" />
+    <circle id="scatter3dDotPrototype" r="4" stroke-width="1"/>
+    <circle id="scatterDotPrototype" r="2" stroke-width="1" />
+    <path id="funnelPathPrototype" stroke-opacity="1.0"/>
+  <!-- END DATA Elements Prototypes -->
+
+  <!-- START LABEL Elements Prototypes-->
+    <text xml:space="preserve" id="yLabelPrototype" style="font:11px Tahoma, Verdana, Helvetica, sans-serif" fill="#666666">label</text>
+    <text xml:space="preserve" id="groupLabelPrototype" style="font:11px Tahoma, Verdana, Helvetica, sans-serif" fill="#666666">label</text>
+    <text xml:space="preserve" id="legendTextPrototype" style="font:11px Tahoma, Verdana, Helvetica, sans-serif" fill="#666666">legend</text>
+    <rect id="legendRectPrototype" width="8" height="8"/>
+    <text xml:space="preserve" id="titleTextPrototype" style="font:14px Tahoma, Verdana, Helvetica, sans-serif; font-weight:bold" fill="#000000">title</text>
+    <text xml:space="preserve" id="subTitleTextPrototype" style="font:11px Tahoma, Verdana, Helvetica, sans-serif" fill="#666666">sub-title</text>
+    <text xml:space="preserve" id="footNoteTextPrototype" style="font:9px Tahoma, Verdana, Helvetica, sans-serif" fill="#666666">foot note</text>
+  <!-- END LABEL Elements Prototypes -->
+
+  <!-- START Gradients-->
+    <g id="gradients">
+      <linearGradient id="gradient0">
+        <stop stop-opacity=".9" offset="0.0"/>
+        <stop stop-opacity=".9" offset="1.0"/>
+      </linearGradient>
+      <linearGradient id="gradient1">
+        <stop stop-opacity=".9" offset="0.0"/>
+        <stop stop-opacity=".9" offset="1.0"/>
+      </linearGradient>
+      <linearGradient id="gradient2">
+        <stop stop-opacity=".9" offset="0.0"/>
+        <stop stop-opacity=".9" offset="1.0"/>
+      </linearGradient>
+      <linearGradient id="gradient3">
+        <stop stop-opacity=".9" offset="0.0"/>
+        <stop stop-opacity=".9" offset="1.0"/>
+      </linearGradient>
+      <linearGradient id="gradient4">
+        <stop stop-opacity=".9" offset="0.0"/>
+        <stop stop-opacity=".9" offset="1.0"/>
+      </linearGradient>
+      <linearGradient id="gradient5">
+        <stop stop-opacity=".9" offset="0.0"/>
+        <stop stop-opacity=".9" offset="1.0"/>
+      </linearGradient>
+      <linearGradient id="gradient6">
+        <stop stop-opacity=".9" offset="0.0"/>
+        <stop stop-opacity=".9" offset="1.0"/>
+      </linearGradient>
+      <linearGradient id="gradient7">
+        <stop stop-opacity=".9" offset="0.0"/>
+        <stop stop-opacity=".9" offset="1.0"/>
+      </linearGradient>
+    </g>
+    <linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="pieChartFixedLabel">
+      <stop offset="0.0"/>
+      <stop offset="1.0"/>
+    </linearGradient>
+    <linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="gridGradient">
+      <stop stop-opacity=".7" offset="0.0" stop-color="#E4ECF7"/>
+      <stop stop-opacity=".7" offset="1.0" stop-color="#FFFFFF"/>
+    </linearGradient>
+  <!-- END Gradients-->
+  
+  <!-- START Gradients used by guagues -->
+    <linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="gaugeRingGradient">
+      <stop offset="0.0" stop-color="#E9EDF4"/>
+      <stop offset="0.2" stop-color="#5B7193"/>
+      <stop offset="0.8" stop-color="#5B7193"/>
+      <stop offset="1.0" stop-color="#E9EDF4"/>
+    </linearGradient>
+    <linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="gaugeGradient">
+      <stop stop-opacity=".7" offset="0.0" stop-color="#E4ECF7"/>
+      <stop stop-opacity=".7" offset="1.0" stop-color="#FFFFFF"/>
+    </linearGradient>
+    <linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="gaugeIndicatorCircle">
+      <stop offset="0.0" stop-color="#EAEAFA"/>
+      <stop offset="1.0" stop-color="#8A8A8A"/>
+    </linearGradient>
+    <linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="gaugeIndicatorRect">
+      <stop offset="0.0" stop-color="#EE9999"/>
+      <stop offset="1.0" stop-color="#FF0000"/>
+    </linearGradient>
+    <linearGradient id="gaugeMarkerContainer">
+      <stop offset="0.0" stop-color="#F0F3F8"/>
+      <stop offset="0.2" stop-color="#B5D1F8"/>
+      <stop offset="0.8" stop-color="#B5D1F8"/>
+      <stop offset="1.0" stop-color="#F0F3F8"/>
+    </linearGradient>  
+    <linearGradient id="gaugeRedline">
+      <stop stop-opacity="0.5" offset="0.0" stop-color="#F0F3F8"/>
+      <stop stop-opacity="0.7" offset="1.0" stop-color="#E3656C"/>
+    </linearGradient>
+    <linearGradient id="gaugeGreenline">
+      <stop stop-opacity="0.7" offset="0.0" stop-color="#00FF00"/>
+      <stop stop-opacity="0.5" offset="1.0" stop-color="#99EE99"/>
+    </linearGradient>
+  <!-- END Gradients used by guagues -->
+  
+  <!-- START prototypes used by gauges -->
+    <text xml:space="preserve" id="gaugeTextPrototype" 
+        style="font:24px Tahoma, Verdana, Helvetica, sans-serif" fill="#000000">10</text>  
+    <path xml:space="preserve" id="gaugeMarkerMajor" d="M0,0 l-30,2 l0,-6 l30,2z" fill-opacity=".8" fill="#1E3B71"/>
+    <path xml:space="preserve" id="gaugeMarkerMinor" d="M-8,1 l-15,0 l0,2 l15,0z" fill-opacity=".7" fill="#1E3B71"/>
+    
+    <!-- Note "_markerRadius is  used to draw the markers-->
+    <g id="semiGauge" _markerRadius="165">
+      <!-- The dial shell -->
+      <path d="M0,225A225,225 0 1,1 450,225 A30,30 0 0,1 420,255 
+            l-150,0 a80,80 0 0,1 -90,0 l-150,0 a30,30 0 0,1 -30,-30" 
+          stroke="#518EEB" stroke-linejoin="round" fill="url(#gaugeGradient)" stroke-width="4"/>    
+
+          
+      <!-- The container can be customized for e.g. Redline -->
+      <path d="M370,80 l10,0 A215,215 0 0,1 440,225 l-10 0 A205,205 0 0,0 370,80" 
+            stroke-linejoin="round" fill="url(#gaugeRedline)"/>
+
+      <!-- The last Path element must be the Gauge Marker container -->
+      <path d="M60,225 l-30,0 A195,195 0 1,1 420,225 l-30 0 A165,165 0 1,0 60,225" 
+            fill="url(#gaugeMarkerContainer)"/>
+
+      <!-- The last g must always be the gauge indicator. 
+           The "_pivotCenterX,Y" is the center of rotation-->
+      <g _pivotCenterX="225" _pivotCenterY="225">
+        <rect x="40" y="221" width="185" height="6" fill="url(#gaugeIndicatorRect)" stroke="#000000" stroke-width="1" />
+        <circle r="16" cx="227" cy="227" stroke-width="0" fill="#666666" opacity=".5"/>
+          <!-- NOTE: The center of last circle is the pivot for rotation -->
+        <circle r="16" cx="225" cy="225" fill="url(#gaugeIndicatorCircle)" stroke="#000000" stroke-width="1" />
+      </g>
+    </g>
+    
+    <!-- Note "_markerRadius is  used to draw the markers-->
+    <g id="circularGauge" _markerRadius="165">
+      <!-- The dial shell -->
+      <g>
+        <circle cx="225" cy="225" r="225" fill="url(#gaugeRingGradient)"/>
+        <circle cx="225" cy="225" r="215" stroke-width="0" fill="#203D57" opacity=".4"/>
+        <circle cx="225" cy="225" r="210" fill="url(#gaugeGradient)" />
+      </g>
+        
+      <!-- The container can be customized for e.g. GreenLine -->
+      <path d="M427,225 l6,0 A208,208 0 0,1 329,405 L326,400 A202,202 0 0,0 427,225" 
+            fill="url(#gaugeGreenline)"/>
+      
+      <!-- The last Path element must be the Gauge Marker container -->
+      <path d="M143,368 L127,394 A195,195 0 1,1 323,394 L308,368 A165,165 0 1,0 143,368" 
+            fill="url(#gaugeMarkerContainer)"/>
+                  
+      <!-- The last g must always be the gauge indicator. 
+           The "_pivotCenterX,Y" is the center of rotation-->
+      <g transform="rotate(300 225 225)" _pivotCenterX="225" _pivotCenterY="225">
+        <rect x="40" y="221" width="185" height="6" fill="url(#gaugeIndicatorRect)" stroke="#000000" stroke-width="1" />
+        <circle r="16" cx="227" cy="227" stroke-width="0" fill="#666666" opacity=".5"/>
+        <circle r="16" cx="225" cy="225" fill="url(#gaugeIndicatorCircle)" 
+          stroke="#000000" stroke-width="1" />
+      </g>
+    </g>
+  <!-- END prototypes used by gauges -->
+  
+  <!-- START Tooltip Prototype-->
+  <g id="toolTip" style="font:9px Tahoma, Verdana, Helvetica, sans-serif;">
+    <circle cx="0" cy="20" r="3" fill="#fefee6" stroke-width="2" stroke="#000000"/>
+    <rect height="25" rx="2" ry="2" style="opacity:.8;" fill="#fefee6" stroke-width="1" stroke="#000000"/>
+    <text dx="5" dy="10" fill="#000000">Series(Group)</text>
+    <text dy="20" fill="#000000">Value</text>
+  </g>
+  <!-- END Tooltip Prototype-->
+
+</defs>
+<g>
+  <g id="chartRoot"></g>
+</g>
+</svg>

Added: incubator/adffaces/trunk/trinidad/trinidad-impl/src/main/resources/META-INF/adf/svg/chartNoGradient.svg
URL: http://svn.apache.org/viewvc/incubator/adffaces/trunk/trinidad/trinidad-impl/src/main/resources/META-INF/adf/svg/chartNoGradient.svg?view=auto&rev=450952
==============================================================================
--- incubator/adffaces/trunk/trinidad/trinidad-impl/src/main/resources/META-INF/adf/svg/chartNoGradient.svg (added)
+++ incubator/adffaces/trunk/trinidad/trinidad-impl/src/main/resources/META-INF/adf/svg/chartNoGradient.svg Thu Sep 28 11:07:57 2006
@@ -0,0 +1,137 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg xmlns="http://www.w3.org/2000/svg">
+<defs>
+  <linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="borderGradient">
+    <stop stop-opacity="0.7" offset="0.0" stop-color="#3F2F83"/>
+    <stop stop-opacity="1.0" offset="0.1" stop-color="#3F2F83"/>
+    <stop stop-opacity="0.8" offset="0.9" stop-color="#3F2F83"/>
+    <stop stop-opacity="1.0" offset="1.0" stop-color="#3F2F83"/>
+  </linearGradient>
+  
+  <!-- prototype for border-->
+  <rect id="borderPrototype" fill="url(#borderGradient)" stroke="#DFA726"/>
+
+  <!-- START Prototypes for chart grid-->
+    <rect id="gridRectPrototype" stroke="#000000" stroke-width="1" fill="none"/>
+    <path id="gridPathPrototype" stroke="#A0A0A0" stroke-width="1" fill="none"/>
+    <path id="gridPath3dRectPrototype" stroke="#000000" stroke-width="1" fill="none"/>
+        <!-- Used for Radar Chart -->
+    <circle id="radarCirclePrototype" fill="none" stroke="#000000" stroke-width="1"/>
+    <circle id="radarInnerCirclePrototype" stroke="#A0A0A0" fill="none"/>
+    <path id="radarGridPathPrototype" stroke="#A0A0A0" stroke-width="1" fill="none"/>
+  <!-- END Prototypes for chart grid-->
+
+  <!-- START DATA Elements Prototypes-->
+    <rect id="barRectPrototype" fill-opacity=".5" stroke-opacity="1.0"/>
+    <path id="barPathPrototype" fill-opacity=".5" stroke-opacity="1.0"/>
+    <path id="piePathPrototype" fill-opacity=".7" stroke-opacity="1.0"/>
+    <path id="areaPathPrototype" fill-opacity=".3" stroke-width="1"  stroke-opacity="1.0"/>
+    <path id="linePathPrototype" fill="none" stroke-width="2" stroke-opacity="1.0"/>
+    <path id="linePath3dPrototype" fill-opacity=".5" stroke-width="1"  stroke-opacity="1.0"/>
+    <circle id="lineDotPrototype" fill-opacity=".5" r="4" stroke-width="1" />
+    <circle id="scatter3dDotPrototype" fill-opacity=".5" r="4" stroke-width="1"/>
+    <circle id="scatterDotPrototype" fill-opacity=".5" r="2" stroke-width="1" />
+    <path id="funnelPathPrototype" fill-opacity=".5" stroke-opacity="1.0"/>
+  <!-- END DATA Elements Prototypes -->
+
+  <!-- START LABEL Elements Prototypes-->
+    <text xml:space="preserve" id="yLabelPrototype" style="font:11px Tahoma, Verdana, Helvetica, sans-serif" fill="#aaaaaa">label</text>
+    <text xml:space="preserve" id="groupLabelPrototype" style="font:11px Tahoma, Verdana, Helvetica, sans-serif" fill="#aaaaaa">label</text>
+    <text xml:space="preserve" id="legendTextPrototype" style="font:11px Tahoma, Verdana, Helvetica, sans-serif" fill="#aaaaaa">legend</text>
+    <rect id="legendRectPrototype" width="8" height="8"/>
+    <text xml:space="preserve" id="titleTextPrototype" style="font:14px Tahoma, Verdana, Helvetica, sans-serif; font-weight:bold" fill="#FF0000">title</text>
+    <text xml:space="preserve" id="subTitleTextPrototype" style="font:11px Tahoma, Verdana, Helvetica, sans-serif" fill="#cccccc">sub-title</text>
+    <text xml:space="preserve" id="footNoteTextPrototype" style="font:9px Tahoma, Verdana, Helvetica, sans-serif" fill="#999999">foot note</text>
+  <!-- END LABEL Elements Prototypes -->
+
+  <!-- START Gradients used by guagues -->
+    <linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="gaugeRingGradient">
+      <stop offset="0.0" stop-color="#FFF299"/>
+      <stop offset="0.2" stop-color="#DB8827"/>
+      <stop offset="0.8" stop-color="#DB8827"/>
+      <stop offset="1.0" stop-color="#FFF299"/>
+    </linearGradient>
+    <linearGradient x1="0%" y1="0%" x2="0%" y2="100%" id="gaugeGradient">
+      <stop stop-opacity=".7" offset="0.0" stop-color="#333333"/>
+      <stop stop-opacity=".9" offset="1.0" stop-color="#000000"/>
+    </linearGradient>
+  <!-- END Gradients used by guagues -->
+
+  <!-- START prototypes used by gauges -->
+    <text xml:space="preserve" id="gaugeTextPrototype" 
+        style="font:24px Tahoma, Verdana, Helvetica, sans-serif" fill="#aaaaaa">10</text>  
+    <path xml:space="preserve" id="gaugeMarkerMajor" d="M0,0 l-30,2 l0,-6 l30,2z" fill-opacity=".9" fill="#008984"/>
+    <path xml:space="preserve" id="gaugeMarkerMinor" d="M-8,1 l-15,0 l0,2 l15,0z" fill-opacity=".8" fill="#008984"/>
+    
+    <!-- Note "_markerRadius is  used to draw the markers-->
+    <g id="semiGauge" _markerRadius="165">
+      <!-- The dial shell -->
+      <path d="M0,225A225,225 0 1,1 450,225 A30,30 0 0,1 420,255 
+            l-150,0 a80,80 0 0,1 -90,0 l-150,0 a30,30 0 0,1 -30,-30" 
+          stroke="#cccccc" stroke-linejoin="round" fill="url(#gaugeGradient)" stroke-width="4"/>
+
+
+      <!-- The rest of the container can be customized for e.g. Redline -->
+      <path d="M370,80 l10,0 A215,215 0 0,1 440,225 l-10 0 A205,205 0 0,0 370,80" 
+            stroke-linejoin="round" fill="#FF0000" fill-opacity=".6"/>
+
+      <text x="125" y="200"  style="font: bold 24px fantasy" fill="#aaaaaa">MyFaces Rocks!</text>
+        
+      <path d="M60,225 l-30,0 A195,195 0 1,1 420,225 l-30 0 A165,165 0 1,0 60,225" 
+            fill="#FFF335" fill-opacity=".8"/>
+            
+      <!-- The last g must always be the gauge indicator. 
+           The "_pivotCenterX,Y" is the center of rotation-->
+      <g _pivotCenterX="225" _pivotCenterY="225">
+        <rect x="40" y="221" width="185" height="6" fill="#FF0000" fill-opacity=".5" stroke="#aaaaaa" stroke-width="1" />
+        <circle r="16" cx="227" cy="227" stroke-width="0" fill="#eeeeee" opacity=".5"/>
+          <!-- NOTE: The center of the last circle is the pivot for rotation -->
+        <circle r="16" cx="225" cy="225" fill="#EAEAFA" fill-opacity=".9" stroke="#000000" stroke-width="1" />
+      </g>
+    </g>
+    
+    <!-- Note "_markerRadius is  used to draw the markers-->
+    <g id="circularGauge" _markerRadius="165">
+      <!-- The dial shell -->
+      <g>
+        <circle cx="225" cy="225" r="225" fill="url(#gaugeRingGradient)"/>
+        <circle cx="225" cy="225" r="215" fill="#203D57" opacity=".4"/>
+        <circle cx="225" cy="225" r="210" fill="url(#gaugeGradient)" />
+      </g>
+              
+      <!-- The rest of the container can be customized for e.g. GreenLine -->
+      <path d="M427,225 l6,0 A208,208 0 0,1 329,405 L326,400 A202,202 0 0,0 427,225" 
+            fill="#00FF00" fill-opacity=".6"/>
+      
+      <text x="133" y="410" style="font: bold 24px fantasy" fill="#aaaaaa">MyFaces Rocks!</text>
+      
+      <path d="M143,368 L127,394 A195,195 0 1,1 323,394 L308,368 A165,165 0 1,0 143,368" 
+            fill="#FFF335" fill-opacity=".8"/>
+      
+      <!-- The last g must always be the gauge indicator. 
+           The "_pivotCenterX,Y" is the center of rotation-->
+      <g transform="rotate(300 225 225)" _pivotCenterX="225" _pivotCenterY="225">
+        <rect x="40" y="221" width="185" height="6" fill="#FF0000" fill-opacity=".5" stroke="#000000" stroke-width="1" />
+        <circle r="16" cx="227" cy="227" stroke-width="0" fill="#eeeeee" opacity=".5"/>
+        <!-- NOTE: The center of the last circle is the center of rotation -->
+        <circle r="16" cx="225" cy="225" fill="#EAEAFA" 
+                fill-opacity=".9" stroke="#000000" stroke-width="1" />
+      </g>
+    </g>
+  <!-- END prototypes used by gauges -->
+  
+  <!-- START Tooltip Prototype-->
+  <g id="toolTip" style="font:9px Tahoma, Verdana, Helvetica, sans-serif;">
+    <circle cx="0" cy="20" r="3" fill="#fefee6" stroke-width="2" stroke="#000000"/>
+    <rect height="25" rx="2" ry="2" style="opacity:.8;" fill="#fefee6" stroke-width="1" stroke="#000000"/>
+    <text dx="5" dy="10" fill="#000000">Series(Group)</text>
+    <text dy="20" fill="#000000">Value</text>
+  </g>
+  <!-- END Tooltip Prototype-->
+
+</defs>
+<g>
+  <g id="chartRoot"></g>
+</g>
+</svg>

Modified: incubator/adffaces/trunk/trinidad/trinidad-impl/src/main/xrts/org/apache/myfaces/trinidadinternal/renderkit/core/resource/CoreBundle.xrts
URL: http://svn.apache.org/viewvc/incubator/adffaces/trunk/trinidad/trinidad-impl/src/main/xrts/org/apache/myfaces/trinidadinternal/renderkit/core/resource/CoreBundle.xrts?view=diff&rev=450952&r1=450951&r2=450952
==============================================================================
--- incubator/adffaces/trunk/trinidad/trinidad-impl/src/main/xrts/org/apache/myfaces/trinidadinternal/renderkit/core/resource/CoreBundle.xrts (original)
+++ incubator/adffaces/trunk/trinidad/trinidad-impl/src/main/xrts/org/apache/myfaces/trinidadinternal/renderkit/core/resource/CoreBundle.xrts Thu Sep 28 11:07:57 2006
@@ -535,6 +535,14 @@
   <!--Feedback in javascript alert when user tries to use move/remove buttons without selecting items-->
   <resource key="SHUTTLE_NO_ITEM_SELECTED_FEEDBACK">Please select the items to move first.</resource>
 
+  <!--resource for af:chart -->
+  <resource key="af_chart.IE_SVG_PLUGIN_ERROR_HTML"><![CDATA[<H4>Unable to load SVG plugin. Please install the plugin from <a href='#' onclick="window.open('http://www.adobe.com/svg/viewer/install/main.html')">Adobe</a><H4>]]>
+  </resource>
+  <resource key="af_chart.SVG_ENABLED_BROWSER_ERROR_HTML"><![CDATA[<H4>This component needs an SVG enabled browser like Internet Explorer, Firefox 1.5+ or Opera 9.0+<H4>]]>
+  </resource>
+  <resource key="af_chart.SVG_LOADING_STATUS_HTML"><![CDATA[<H4><H4>Please Wait. Attempting to load SVG document...</H4><H4>]]>
+  </resource>
+  
 
   <!-- OLD KEYS FOR NOT YET IMPLEMENTED IN ADF FACES -->
   <!--  ******************************************** -->

Modified: incubator/adffaces/trunk/trinidad/trinidad-impl/src/test/java/org/apache/myfaces/trinidadinternal/renderkit/MVariableResolver.java
URL: http://svn.apache.org/viewvc/incubator/adffaces/trunk/trinidad/trinidad-impl/src/test/java/org/apache/myfaces/trinidadinternal/renderkit/MVariableResolver.java?view=diff&rev=450952&r1=450951&r2=450952
==============================================================================
--- incubator/adffaces/trunk/trinidad/trinidad-impl/src/test/java/org/apache/myfaces/trinidadinternal/renderkit/MVariableResolver.java (original)
+++ incubator/adffaces/trunk/trinidad/trinidad-impl/src/test/java/org/apache/myfaces/trinidadinternal/renderkit/MVariableResolver.java Thu Sep 28 11:07:57 2006
@@ -19,8 +19,14 @@
 
 import java.beans.IntrospectionException;
 
+import java.io.BufferedReader;
+import java.io.IOException;
+import java.io.InputStream;
+import java.io.InputStreamReader;
+
 import java.util.AbstractList;
 import java.util.ArrayList;
+import java.util.Arrays;
 import java.util.Date;
 import java.util.HashMap;
 import java.util.List;
@@ -29,7 +35,9 @@
 import javax.faces.context.FacesContext;
 import javax.faces.el.VariableResolver;
 
+import org.apache.myfaces.trinidad.component.core.data.CoreChart;
 import org.apache.myfaces.trinidad.logging.TrinidadLogger;
+import org.apache.myfaces.trinidad.model.ChartModel;
 import org.apache.myfaces.trinidad.model.ChildPropertyTreeModel;
 import org.apache.myfaces.trinidad.model.DefaultBoundedRangeModel;
 import org.apache.myfaces.trinidad.model.ProcessMenuModel;
@@ -228,7 +236,10 @@
              "Third paragraph followed by \\n\\r\n\r" + 
              "Fourth paragraph";
     }
-
+    else if("chartModel".equals(name))
+    {
+      return new MyChartModel();
+    }
     return null;
   }
 
@@ -400,6 +411,98 @@
     }
   }
 
+  private class MyChartModel extends ChartModel
+  {
+    public List<String> getSeriesLabels()
+    {
+      return _seriesLabels;
+    }
+
+    public List<String> getGroupLabels()
+    {
+      return _groupLabels;
+    }
+        
+    public List<List<Double>> getXValues()
+    {
+      return _chartXValues;
+    }
+  
+    public List<List<Double>> getYValues()
+    {
+      return _chartYValues;
+    }
+  
+    public Double getMaxYValue()
+    {
+      return 500000.0;
+    }
+  
+  
+    public Double getMinYValue()
+    {        
+      return 0.0; 
+    }
+  
+  
+    public Double getMaxXValue()
+    {
+      return 10.0; 
+    }
+  
+  
+    public Double getMinXValue()
+    {
+      return 6.0; 
+    }
+  
+  
+    public String getTitle()
+    {
+      return "Title";
+    }
+  
+    public String getSubTitle()
+    {
+      return "SubTitle"; 
+    }
+  
+  
+    public String getFootNote()
+    {
+      return "FootNote"; 
+    }
+    
+    private final List<String> _groupLabels = 
+      Arrays.asList(new String[]{"June", "July", "August", "September","October"});
+
+    private final List<String> _largeGroupLabels = 
+      Arrays.asList(new String[]{"Q4-2005", "Q1-2006", "Q2-2006", "Q3-2006"});
+  
+    private final List<String> _seriesLabels = 
+      Arrays.asList(new String[]{"Previous", "Target", "Actual"});
+    
+    private final List<String> _largeSeriesLabels = 
+      Arrays.asList(new String[]{"Opening", "Low", "High"});
+      
+    private final ArrayList<List<Double>> _chartYValues;
+    private final ArrayList<List<Double>> _chartXValues; 
+    {
+      _chartYValues = new ArrayList<List<Double>>();
+      _chartYValues.add(Arrays.asList(new Double[]{135235., 155535., 141725.}));
+      _chartYValues.add(Arrays.asList(new Double[]{106765., 131725., 127868.}));
+      _chartYValues.add(Arrays.asList(new Double[]{108456., 119326., 139326.}));
+      _chartYValues.add(Arrays.asList(new Double[]{136765., 147265., 184349.})); 
+      _chartYValues.add(Arrays.asList(new Double[]{107868., 113968., 174349.}));
+
+      _chartXValues = new ArrayList<List<Double>>();
+      _chartXValues.add(Arrays.asList(new Double[]{6.1, 6.3, 6.5}));
+      _chartXValues.add(Arrays.asList(new Double[]{6.8, 7.1, 7.3}));
+      _chartXValues.add(Arrays.asList(new Double[]{7.6, 7.8, 8.0}));
+      _chartXValues.add(Arrays.asList(new Double[]{8.25, 8.55, 8.78}));
+      _chartXValues.add(Arrays.asList(new Double[]{9.23, 9.48, 9.88}));
+    } 
+  }
   private MenuModelImpl _pageList;
   private MenuModelImpl _menu;
   private MenuModelImpl _navigationpath;

Added: incubator/adffaces/trunk/trinidad/trinidad-impl/src/test/resources/org/apache/myfaces/trinidadinternal/renderkit/golden/chart-minimal-golden.xml
URL: http://svn.apache.org/viewvc/incubator/adffaces/trunk/trinidad/trinidad-impl/src/test/resources/org/apache/myfaces/trinidadinternal/renderkit/golden/chart-minimal-golden.xml?view=auto&rev=450952
==============================================================================
--- incubator/adffaces/trunk/trinidad/trinidad-impl/src/test/resources/org/apache/myfaces/trinidadinternal/renderkit/golden/chart-minimal-golden.xml (added)
+++ incubator/adffaces/trunk/trinidad/trinidad-impl/src/test/resources/org/apache/myfaces/trinidadinternal/renderkit/golden/chart-minimal-golden.xml Thu Sep 28 11:07:57 2006
@@ -0,0 +1,493 @@
+<results>
+      <div
+           class="af_chart"
+           id="mainId"
+          >
+        
+        <script
+            >
+          ApacheChart.createSVG("mainId","svgChartmainId","encoded-resource-url:/test-context-path/adf/svg/chart.svg","width:100%; height:100%;",null);
+var seriesLabels = ['Previous','Target','Actual'];
+var groupLabels = ['June','July','August','September','October'];
+var seriesColors = ["RGB(231,109,72)","RGB(110,166,243)","RGB(157,206,110)","RGB(252,196,111)","RGB(114,126,142)","RGB(109,44,145)"];
+var xValues = [[6.1,6.3,6.5],[6.8,7.1,7.3],[7.6,7.8,8.0],[8.25,8.55,8.78],[9.23,9.48,9.88]];
+var yValues = [[135235.0,155535.0,141725.0],[106765.0,131725.0,127868.0],[108456.0,119326.0,139326.0],[136765.0,147265.0,184349.0],[107868.0,113968.0,174349.0]];
+var model = new ApacheChartModel(seriesLabels, groupLabels, yValues, xValues, seriesColors);
+model.setMinYValue(0.0);
+model.setMaxYValue(500000.0);
+model.setMinXValue(6.0);
+model.setMaxXValue(10.0);
+model.setTitle('Title');
+model.setSubTitle('SubTitle');
+model.setFootNote('FootNote');
+var type = 1;
+var chartId = 'svgChartmainId';
+var isPerspective = true;
+var legendPosition = 'bottom';
+var apacheChart = ApacheChart.createChart(type, model, chartId, isPerspective, legendPosition);apacheChart.setYMajorGridLineCount(3);
+apacheChart.setYMinorGridLineCount(-1);
+apacheChart.setXMajorGridLineCount(-1);
+apacheChart.setGradientsUsed(true);
+apacheChart.setAnimationDuration(1000);
+apacheChart.setTooltipsVisible(true);
+apacheChart.setMaxPrecision(0);
+apacheChart.setFormName('formId');
+apacheChart.setErrorHtml('<H4>This component needs an SVG enabled browser like Internet Explorer, Firefox 1.5+ or Opera 9.0+<H4>\n  ');
+apacheChart.setStatusHtml('<H4><H4>Please Wait. Attempting to load SVG document...</H4><H4>\n  ');
+apacheChart.draw();
+
+        </script>
+      </div>
+<!--AttributeTest[type,verticalBar]-->
+
+      <div
+           class="af_chart"
+           id="mainId"
+          >
+        
+        <script
+            >
+          ApacheChart.createSVG("mainId","svgChartmainId","encoded-resource-url:/test-context-path/adf/svg/chart.svg","width:100%; height:100%;",null);
+var seriesLabels = ['Previous','Target','Actual'];
+var groupLabels = ['June','July','August','September','October'];
+var seriesColors = ["RGB(231,109,72)","RGB(110,166,243)","RGB(157,206,110)","RGB(252,196,111)","RGB(114,126,142)","RGB(109,44,145)"];
+var xValues = [[6.1,6.3,6.5],[6.8,7.1,7.3],[7.6,7.8,8.0],[8.25,8.55,8.78],[9.23,9.48,9.88]];
+var yValues = [[135235.0,155535.0,141725.0],[106765.0,131725.0,127868.0],[108456.0,119326.0,139326.0],[136765.0,147265.0,184349.0],[107868.0,113968.0,174349.0]];
+var model = new ApacheChartModel(seriesLabels, groupLabels, yValues, xValues, seriesColors);
+model.setMinYValue(0.0);
+model.setMaxYValue(500000.0);
+model.setMinXValue(6.0);
+model.setMaxXValue(10.0);
+model.setTitle('Title');
+model.setSubTitle('SubTitle');
+model.setFootNote('FootNote');
+var type = 1;
+var chartId = 'svgChartmainId';
+var isPerspective = true;
+var legendPosition = 'bottom';
+var apacheChart = ApacheChart.createChart(type, model, chartId, isPerspective, legendPosition);apacheChart.setYMajorGridLineCount(3);
+apacheChart.setYMinorGridLineCount(-1);
+apacheChart.setXMajorGridLineCount(-1);
+apacheChart.setGradientsUsed(true);
+apacheChart.setAnimationDuration(1000);
+apacheChart.setTooltipsVisible(true);
+apacheChart.setMaxPrecision(0);
+apacheChart.setFormName('formId');
+apacheChart.setErrorHtml('<H4>This component needs an SVG enabled browser like Internet Explorer, Firefox 1.5+ or Opera 9.0+<H4>\n  ');
+apacheChart.setStatusHtml('<H4><H4>Please Wait. Attempting to load SVG document...</H4><H4>\n  ');
+apacheChart.draw();
+
+        </script>
+      </div>
+<!--AttributeTest[templateSource,/mySVGTemplate.svg]-->
+
+      <div
+           class="af_chart"
+           id="mainId"
+          >
+        
+        <script
+            >
+          ApacheChart.createSVG("mainId","svgChartmainId","encoded-resource-url:/test-context-path/mySVGTemplate.svg","width:100%; height:100%;",null);
+var seriesLabels = ['Previous','Target','Actual'];
+var groupLabels = ['June','July','August','September','October'];
+var seriesColors = ["RGB(231,109,72)","RGB(110,166,243)","RGB(157,206,110)","RGB(252,196,111)","RGB(114,126,142)","RGB(109,44,145)"];
+var xValues = [[6.1,6.3,6.5],[6.8,7.1,7.3],[7.6,7.8,8.0],[8.25,8.55,8.78],[9.23,9.48,9.88]];
+var yValues = [[135235.0,155535.0,141725.0],[106765.0,131725.0,127868.0],[108456.0,119326.0,139326.0],[136765.0,147265.0,184349.0],[107868.0,113968.0,174349.0]];
+var model = new ApacheChartModel(seriesLabels, groupLabels, yValues, xValues, seriesColors);
+model.setMinYValue(0.0);
+model.setMaxYValue(500000.0);
+model.setMinXValue(6.0);
+model.setMaxXValue(10.0);
+model.setTitle('Title');
+model.setSubTitle('SubTitle');
+model.setFootNote('FootNote');
+var type = 1;
+var chartId = 'svgChartmainId';
+var isPerspective = true;
+var legendPosition = 'bottom';
+var apacheChart = ApacheChart.createChart(type, model, chartId, isPerspective, legendPosition);apacheChart.setYMajorGridLineCount(3);
+apacheChart.setYMinorGridLineCount(-1);
+apacheChart.setXMajorGridLineCount(-1);
+apacheChart.setGradientsUsed(true);
+apacheChart.setAnimationDuration(1000);
+apacheChart.setTooltipsVisible(true);
+apacheChart.setMaxPrecision(0);
+apacheChart.setFormName('formId');
+apacheChart.setErrorHtml('<H4>This component needs an SVG enabled browser like Internet Explorer, Firefox 1.5+ or Opera 9.0+<H4>\n  ');
+apacheChart.setStatusHtml('<H4><H4>Please Wait. Attempting to load SVG document...</H4><H4>\n  ');
+apacheChart.draw();
+
+        </script>
+      </div>
+<!--AttributeTest[legendPosition,end]-->
+
+      <div
+           class="af_chart"
+           id="mainId"
+          >
+        
+        <script
+            >
+          ApacheChart.createSVG("mainId","svgChartmainId","encoded-resource-url:/test-context-path/adf/svg/chart.svg","width:100%; height:100%;",null);
+var seriesLabels = ['Previous','Target','Actual'];
+var groupLabels = ['June','July','August','September','October'];
+var seriesColors = ["RGB(231,109,72)","RGB(110,166,243)","RGB(157,206,110)","RGB(252,196,111)","RGB(114,126,142)","RGB(109,44,145)"];
+var xValues = [[6.1,6.3,6.5],[6.8,7.1,7.3],[7.6,7.8,8.0],[8.25,8.55,8.78],[9.23,9.48,9.88]];
+var yValues = [[135235.0,155535.0,141725.0],[106765.0,131725.0,127868.0],[108456.0,119326.0,139326.0],[136765.0,147265.0,184349.0],[107868.0,113968.0,174349.0]];
+var model = new ApacheChartModel(seriesLabels, groupLabels, yValues, xValues, seriesColors);
+model.setMinYValue(0.0);
+model.setMaxYValue(500000.0);
+model.setMinXValue(6.0);
+model.setMaxXValue(10.0);
+model.setTitle('Title');
+model.setSubTitle('SubTitle');
+model.setFootNote('FootNote');
+var type = 1;
+var chartId = 'svgChartmainId';
+var isPerspective = true;
+var legendPosition = 'end';
+var apacheChart = ApacheChart.createChart(type, model, chartId, isPerspective, legendPosition);apacheChart.setYMajorGridLineCount(3);
+apacheChart.setYMinorGridLineCount(-1);
+apacheChart.setXMajorGridLineCount(-1);
+apacheChart.setGradientsUsed(true);
+apacheChart.setAnimationDuration(1000);
+apacheChart.setTooltipsVisible(true);
+apacheChart.setMaxPrecision(0);
+apacheChart.setFormName('formId');
+apacheChart.setErrorHtml('<H4>This component needs an SVG enabled browser like Internet Explorer, Firefox 1.5+ or Opera 9.0+<H4>\n  ');
+apacheChart.setStatusHtml('<H4><H4>Please Wait. Attempting to load SVG document...</H4><H4>\n  ');
+apacheChart.draw();
+
+        </script>
+      </div>
+<!--AttributeTest[animationDuration,1500]-->
+
+      <div
+           class="af_chart"
+           id="mainId"
+          >
+        
+        <script
+            >
+          ApacheChart.createSVG("mainId","svgChartmainId","encoded-resource-url:/test-context-path/adf/svg/chart.svg","width:100%; height:100%;",null);
+var seriesLabels = ['Previous','Target','Actual'];
+var groupLabels = ['June','July','August','September','October'];
+var seriesColors = ["RGB(231,109,72)","RGB(110,166,243)","RGB(157,206,110)","RGB(252,196,111)","RGB(114,126,142)","RGB(109,44,145)"];
+var xValues = [[6.1,6.3,6.5],[6.8,7.1,7.3],[7.6,7.8,8.0],[8.25,8.55,8.78],[9.23,9.48,9.88]];
+var yValues = [[135235.0,155535.0,141725.0],[106765.0,131725.0,127868.0],[108456.0,119326.0,139326.0],[136765.0,147265.0,184349.0],[107868.0,113968.0,174349.0]];
+var model = new ApacheChartModel(seriesLabels, groupLabels, yValues, xValues, seriesColors);
+model.setMinYValue(0.0);
+model.setMaxYValue(500000.0);
+model.setMinXValue(6.0);
+model.setMaxXValue(10.0);
+model.setTitle('Title');
+model.setSubTitle('SubTitle');
+model.setFootNote('FootNote');
+var type = 1;
+var chartId = 'svgChartmainId';
+var isPerspective = true;
+var legendPosition = 'bottom';
+var apacheChart = ApacheChart.createChart(type, model, chartId, isPerspective, legendPosition);apacheChart.setYMajorGridLineCount(3);
+apacheChart.setYMinorGridLineCount(-1);
+apacheChart.setXMajorGridLineCount(-1);
+apacheChart.setGradientsUsed(true);
+apacheChart.setAnimationDuration(1500);
+apacheChart.setTooltipsVisible(true);
+apacheChart.setMaxPrecision(0);
+apacheChart.setFormName('formId');
+apacheChart.setErrorHtml('<H4>This component needs an SVG enabled browser like Internet Explorer, Firefox 1.5+ or Opera 9.0+<H4>\n  ');
+apacheChart.setStatusHtml('<H4><H4>Please Wait. Attempting to load SVG document...</H4><H4>\n  ');
+apacheChart.draw();
+
+        </script>
+      </div>
+<!--AttributeTest[YMajorGridLineCount,7]-->
+
+      <div
+           class="af_chart"
+           id="mainId"
+          >
+        
+        <script
+            >
+          ApacheChart.createSVG("mainId","svgChartmainId","encoded-resource-url:/test-context-path/adf/svg/chart.svg","width:100%; height:100%;",null);
+var seriesLabels = ['Previous','Target','Actual'];
+var groupLabels = ['June','July','August','September','October'];
+var seriesColors = ["RGB(231,109,72)","RGB(110,166,243)","RGB(157,206,110)","RGB(252,196,111)","RGB(114,126,142)","RGB(109,44,145)"];
+var xValues = [[6.1,6.3,6.5],[6.8,7.1,7.3],[7.6,7.8,8.0],[8.25,8.55,8.78],[9.23,9.48,9.88]];
+var yValues = [[135235.0,155535.0,141725.0],[106765.0,131725.0,127868.0],[108456.0,119326.0,139326.0],[136765.0,147265.0,184349.0],[107868.0,113968.0,174349.0]];
+var model = new ApacheChartModel(seriesLabels, groupLabels, yValues, xValues, seriesColors);
+model.setMinYValue(0.0);
+model.setMaxYValue(500000.0);
+model.setMinXValue(6.0);
+model.setMaxXValue(10.0);
+model.setTitle('Title');
+model.setSubTitle('SubTitle');
+model.setFootNote('FootNote');
+var type = 1;
+var chartId = 'svgChartmainId';
+var isPerspective = true;
+var legendPosition = 'bottom';
+var apacheChart = ApacheChart.createChart(type, model, chartId, isPerspective, legendPosition);apacheChart.setYMajorGridLineCount(7);
+apacheChart.setYMinorGridLineCount(-1);
+apacheChart.setXMajorGridLineCount(-1);
+apacheChart.setGradientsUsed(true);
+apacheChart.setAnimationDuration(1000);
+apacheChart.setTooltipsVisible(true);
+apacheChart.setMaxPrecision(0);
+apacheChart.setFormName('formId');
+apacheChart.setErrorHtml('<H4>This component needs an SVG enabled browser like Internet Explorer, Firefox 1.5+ or Opera 9.0+<H4>\n  ');
+apacheChart.setStatusHtml('<H4><H4>Please Wait. Attempting to load SVG document...</H4><H4>\n  ');
+apacheChart.draw();
+
+        </script>
+      </div>
+<!--AttributeTest[YMinorGridLineCount,3]-->
+
+      <div
+           class="af_chart"
+           id="mainId"
+          >
+        
+        <script
+            >
+          ApacheChart.createSVG("mainId","svgChartmainId","encoded-resource-url:/test-context-path/adf/svg/chart.svg","width:100%; height:100%;",null);
+var seriesLabels = ['Previous','Target','Actual'];
+var groupLabels = ['June','July','August','September','October'];
+var seriesColors = ["RGB(231,109,72)","RGB(110,166,243)","RGB(157,206,110)","RGB(252,196,111)","RGB(114,126,142)","RGB(109,44,145)"];
+var xValues = [[6.1,6.3,6.5],[6.8,7.1,7.3],[7.6,7.8,8.0],[8.25,8.55,8.78],[9.23,9.48,9.88]];
+var yValues = [[135235.0,155535.0,141725.0],[106765.0,131725.0,127868.0],[108456.0,119326.0,139326.0],[136765.0,147265.0,184349.0],[107868.0,113968.0,174349.0]];
+var model = new ApacheChartModel(seriesLabels, groupLabels, yValues, xValues, seriesColors);
+model.setMinYValue(0.0);
+model.setMaxYValue(500000.0);
+model.setMinXValue(6.0);
+model.setMaxXValue(10.0);
+model.setTitle('Title');
+model.setSubTitle('SubTitle');
+model.setFootNote('FootNote');
+var type = 1;
+var chartId = 'svgChartmainId';
+var isPerspective = true;
+var legendPosition = 'bottom';
+var apacheChart = ApacheChart.createChart(type, model, chartId, isPerspective, legendPosition);apacheChart.setYMajorGridLineCount(3);
+apacheChart.setYMinorGridLineCount(3);
+apacheChart.setXMajorGridLineCount(-1);
+apacheChart.setGradientsUsed(true);
+apacheChart.setAnimationDuration(1000);
+apacheChart.setTooltipsVisible(true);
+apacheChart.setMaxPrecision(0);
+apacheChart.setFormName('formId');
+apacheChart.setErrorHtml('<H4>This component needs an SVG enabled browser like Internet Explorer, Firefox 1.5+ or Opera 9.0+<H4>\n  ');
+apacheChart.setStatusHtml('<H4><H4>Please Wait. Attempting to load SVG document...</H4><H4>\n  ');
+apacheChart.draw();
+
+        </script>
+      </div>
+<!--AttributeTest[XMajorGridLineCount,4]-->
+
+      <div
+           class="af_chart"
+           id="mainId"
+          >
+        
+        <script
+            >
+          ApacheChart.createSVG("mainId","svgChartmainId","encoded-resource-url:/test-context-path/adf/svg/chart.svg","width:100%; height:100%;",null);
+var seriesLabels = ['Previous','Target','Actual'];
+var groupLabels = ['June','July','August','September','October'];
+var seriesColors = ["RGB(231,109,72)","RGB(110,166,243)","RGB(157,206,110)","RGB(252,196,111)","RGB(114,126,142)","RGB(109,44,145)"];
+var xValues = [[6.1,6.3,6.5],[6.8,7.1,7.3],[7.6,7.8,8.0],[8.25,8.55,8.78],[9.23,9.48,9.88]];
+var yValues = [[135235.0,155535.0,141725.0],[106765.0,131725.0,127868.0],[108456.0,119326.0,139326.0],[136765.0,147265.0,184349.0],[107868.0,113968.0,174349.0]];
+var model = new ApacheChartModel(seriesLabels, groupLabels, yValues, xValues, seriesColors);
+model.setMinYValue(0.0);
+model.setMaxYValue(500000.0);
+model.setMinXValue(6.0);
+model.setMaxXValue(10.0);
+model.setTitle('Title');
+model.setSubTitle('SubTitle');
+model.setFootNote('FootNote');
+var type = 1;
+var chartId = 'svgChartmainId';
+var isPerspective = true;
+var legendPosition = 'bottom';
+var apacheChart = ApacheChart.createChart(type, model, chartId, isPerspective, legendPosition);apacheChart.setYMajorGridLineCount(3);
+apacheChart.setYMinorGridLineCount(-1);
+apacheChart.setXMajorGridLineCount(4);
+apacheChart.setGradientsUsed(true);
+apacheChart.setAnimationDuration(1000);
+apacheChart.setTooltipsVisible(true);
+apacheChart.setMaxPrecision(0);
+apacheChart.setFormName('formId');
+apacheChart.setErrorHtml('<H4>This component needs an SVG enabled browser like Internet Explorer, Firefox 1.5+ or Opera 9.0+<H4>\n  ');
+apacheChart.setStatusHtml('<H4><H4>Please Wait. Attempting to load SVG document...</H4><H4>\n  ');
+apacheChart.draw();
+
+        </script>
+      </div>
+<!--AttributeTest[maxPrecision,1]-->
+
+      <div
+           class="af_chart"
+           id="mainId"
+          >
+        
+        <script
+            >
+          ApacheChart.createSVG("mainId","svgChartmainId","encoded-resource-url:/test-context-path/adf/svg/chart.svg","width:100%; height:100%;",null);
+var seriesLabels = ['Previous','Target','Actual'];
+var groupLabels = ['June','July','August','September','October'];
+var seriesColors = ["RGB(231,109,72)","RGB(110,166,243)","RGB(157,206,110)","RGB(252,196,111)","RGB(114,126,142)","RGB(109,44,145)"];
+var xValues = [[6.1,6.3,6.5],[6.8,7.1,7.3],[7.6,7.8,8.0],[8.25,8.55,8.78],[9.23,9.48,9.88]];
+var yValues = [[135235.0,155535.0,141725.0],[106765.0,131725.0,127868.0],[108456.0,119326.0,139326.0],[136765.0,147265.0,184349.0],[107868.0,113968.0,174349.0]];
+var model = new ApacheChartModel(seriesLabels, groupLabels, yValues, xValues, seriesColors);
+model.setMinYValue(0.0);
+model.setMaxYValue(500000.0);
+model.setMinXValue(6.0);
+model.setMaxXValue(10.0);
+model.setTitle('Title');
+model.setSubTitle('SubTitle');
+model.setFootNote('FootNote');
+var type = 1;
+var chartId = 'svgChartmainId';
+var isPerspective = true;
+var legendPosition = 'bottom';
+var apacheChart = ApacheChart.createChart(type, model, chartId, isPerspective, legendPosition);apacheChart.setYMajorGridLineCount(3);
+apacheChart.setYMinorGridLineCount(-1);
+apacheChart.setXMajorGridLineCount(-1);
+apacheChart.setGradientsUsed(true);
+apacheChart.setAnimationDuration(1000);
+apacheChart.setTooltipsVisible(true);
+apacheChart.setMaxPrecision(1);
+apacheChart.setFormName('formId');
+apacheChart.setErrorHtml('<H4>This component needs an SVG enabled browser like Internet Explorer, Firefox 1.5+ or Opera 9.0+<H4>\n  ');
+apacheChart.setStatusHtml('<H4><H4>Please Wait. Attempting to load SVG document...</H4><H4>\n  ');
+apacheChart.draw();
+
+        </script>
+      </div>
+<!--AttributeTest[id,myid]-->
+
+      <div
+           class="af_chart"
+           id="myid"
+          >
+        
+        <script
+            >
+          ApacheChart.createSVG("myid","svgChartmyid","encoded-resource-url:/test-context-path/adf/svg/chart.svg","width:100%; height:100%;",null);
+var seriesLabels = ['Previous','Target','Actual'];
+var groupLabels = ['June','July','August','September','October'];
+var seriesColors = ["RGB(231,109,72)","RGB(110,166,243)","RGB(157,206,110)","RGB(252,196,111)","RGB(114,126,142)","RGB(109,44,145)"];
+var xValues = [[6.1,6.3,6.5],[6.8,7.1,7.3],[7.6,7.8,8.0],[8.25,8.55,8.78],[9.23,9.48,9.88]];
+var yValues = [[135235.0,155535.0,141725.0],[106765.0,131725.0,127868.0],[108456.0,119326.0,139326.0],[136765.0,147265.0,184349.0],[107868.0,113968.0,174349.0]];
+var model = new ApacheChartModel(seriesLabels, groupLabels, yValues, xValues, seriesColors);
+model.setMinYValue(0.0);
+model.setMaxYValue(500000.0);
+model.setMinXValue(6.0);
+model.setMaxXValue(10.0);
+model.setTitle('Title');
+model.setSubTitle('SubTitle');
+model.setFootNote('FootNote');
+var type = 1;
+var chartId = 'svgChartmyid';
+var isPerspective = true;
+var legendPosition = 'bottom';
+var apacheChart = ApacheChart.createChart(type, model, chartId, isPerspective, legendPosition);apacheChart.setYMajorGridLineCount(3);
+apacheChart.setYMinorGridLineCount(-1);
+apacheChart.setXMajorGridLineCount(-1);
+apacheChart.setGradientsUsed(true);
+apacheChart.setAnimationDuration(1000);
+apacheChart.setTooltipsVisible(true);
+apacheChart.setMaxPrecision(0);
+apacheChart.setFormName('formId');
+apacheChart.setErrorHtml('<H4>This component needs an SVG enabled browser like Internet Explorer, Firefox 1.5+ or Opera 9.0+<H4>\n  ');
+apacheChart.setStatusHtml('<H4><H4>Please Wait. Attempting to load SVG document...</H4><H4>\n  ');
+apacheChart.draw();
+
+        </script>
+      </div>
+<!--AttributeTest[styleClass,mystyle]-->
+
+      <div
+           class="mystyle af_chart"
+           id="mainId"
+          >
+        
+        <script
+            >
+          ApacheChart.createSVG("mainId","svgChartmainId","encoded-resource-url:/test-context-path/adf/svg/chart.svg","width:100%; height:100%;",null);
+var seriesLabels = ['Previous','Target','Actual'];
+var groupLabels = ['June','July','August','September','October'];
+var seriesColors = ["RGB(231,109,72)","RGB(110,166,243)","RGB(157,206,110)","RGB(252,196,111)","RGB(114,126,142)","RGB(109,44,145)"];
+var xValues = [[6.1,6.3,6.5],[6.8,7.1,7.3],[7.6,7.8,8.0],[8.25,8.55,8.78],[9.23,9.48,9.88]];
+var yValues = [[135235.0,155535.0,141725.0],[106765.0,131725.0,127868.0],[108456.0,119326.0,139326.0],[136765.0,147265.0,184349.0],[107868.0,113968.0,174349.0]];
+var model = new ApacheChartModel(seriesLabels, groupLabels, yValues, xValues, seriesColors);
+model.setMinYValue(0.0);
+model.setMaxYValue(500000.0);
+model.setMinXValue(6.0);
+model.setMaxXValue(10.0);
+model.setTitle('Title');
+model.setSubTitle('SubTitle');
+model.setFootNote('FootNote');
+var type = 1;
+var chartId = 'svgChartmainId';
+var isPerspective = true;
+var legendPosition = 'bottom';
+var apacheChart = ApacheChart.createChart(type, model, chartId, isPerspective, legendPosition);apacheChart.setYMajorGridLineCount(3);
+apacheChart.setYMinorGridLineCount(-1);
+apacheChart.setXMajorGridLineCount(-1);
+apacheChart.setGradientsUsed(true);
+apacheChart.setAnimationDuration(1000);
+apacheChart.setTooltipsVisible(true);
+apacheChart.setMaxPrecision(0);
+apacheChart.setFormName('formId');
+apacheChart.setErrorHtml('<H4>This component needs an SVG enabled browser like Internet Explorer, Firefox 1.5+ or Opera 9.0+<H4>\n  ');
+apacheChart.setStatusHtml('<H4><H4>Please Wait. Attempting to load SVG document...</H4><H4>\n  ');
+apacheChart.draw();
+
+        </script>
+      </div>
+<!--AttributeTest[inlineStyle,width:600px; height:400px;]-->
+
+      <div
+           class="af_chart"
+           id="mainId"
+           style="width:600px; height:400px;"
+          >
+        
+        <script
+            >
+          ApacheChart.createSVG("mainId","svgChartmainId","encoded-resource-url:/test-context-path/adf/svg/chart.svg","width:100%; height:100%;",null);
+var seriesLabels = ['Previous','Target','Actual'];
+var groupLabels = ['June','July','August','September','October'];
+var seriesColors = ["RGB(231,109,72)","RGB(110,166,243)","RGB(157,206,110)","RGB(252,196,111)","RGB(114,126,142)","RGB(109,44,145)"];
+var xValues = [[6.1,6.3,6.5],[6.8,7.1,7.3],[7.6,7.8,8.0],[8.25,8.55,8.78],[9.23,9.48,9.88]];
+var yValues = [[135235.0,155535.0,141725.0],[106765.0,131725.0,127868.0],[108456.0,119326.0,139326.0],[136765.0,147265.0,184349.0],[107868.0,113968.0,174349.0]];
+var model = new ApacheChartModel(seriesLabels, groupLabels, yValues, xValues, seriesColors);
+model.setMinYValue(0.0);
+model.setMaxYValue(500000.0);
+model.setMinXValue(6.0);
+model.setMaxXValue(10.0);
+model.setTitle('Title');
+model.setSubTitle('SubTitle');
+model.setFootNote('FootNote');
+var type = 1;
+var chartId = 'svgChartmainId';
+var isPerspective = true;
+var legendPosition = 'bottom';
+var apacheChart = ApacheChart.createChart(type, model, chartId, isPerspective, legendPosition);apacheChart.setYMajorGridLineCount(3);
+apacheChart.setYMinorGridLineCount(-1);
+apacheChart.setXMajorGridLineCount(-1);
+apacheChart.setGradientsUsed(true);
+apacheChart.setAnimationDuration(1000);
+apacheChart.setTooltipsVisible(true);
+apacheChart.setMaxPrecision(0);
+apacheChart.setFormName('formId');
+apacheChart.setErrorHtml('<H4>This component needs an SVG enabled browser like Internet Explorer, Firefox 1.5+ or Opera 9.0+<H4>\n  ');
+apacheChart.setStatusHtml('<H4><H4>Please Wait. Attempting to load SVG document...</H4><H4>\n  ');
+apacheChart.draw();
+
+        </script>
+      </div>
+</results>

Added: incubator/adffaces/trunk/trinidad/trinidad-impl/src/test/resources/org/apache/myfaces/trinidadinternal/renderkit/golden/chart-minimalIE-golden.xml
URL: http://svn.apache.org/viewvc/incubator/adffaces/trunk/trinidad/trinidad-impl/src/test/resources/org/apache/myfaces/trinidadinternal/renderkit/golden/chart-minimalIE-golden.xml?view=auto&rev=450952
==============================================================================
--- incubator/adffaces/trunk/trinidad/trinidad-impl/src/test/resources/org/apache/myfaces/trinidadinternal/renderkit/golden/chart-minimalIE-golden.xml (added)
+++ incubator/adffaces/trunk/trinidad/trinidad-impl/src/test/resources/org/apache/myfaces/trinidadinternal/renderkit/golden/chart-minimalIE-golden.xml Thu Sep 28 11:07:57 2006
@@ -0,0 +1,493 @@
+<results>
+      <div
+           class="af_chart"
+           id="mainId"
+          >
+        
+        <script
+            >
+          ApacheChart.createSVG("mainId","svgChartmainId","encoded-resource-url:/test-context-path/adf/svg/chart.svg","width:100%; height:100%;",null);
+var seriesLabels = ['Previous','Target','Actual'];
+var groupLabels = ['June','July','August','September','October'];
+var seriesColors = ["RGB(231,109,72)","RGB(110,166,243)","RGB(157,206,110)","RGB(252,196,111)","RGB(114,126,142)","RGB(109,44,145)"];
+var xValues = [[6.1,6.3,6.5],[6.8,7.1,7.3],[7.6,7.8,8.0],[8.25,8.55,8.78],[9.23,9.48,9.88]];
+var yValues = [[135235.0,155535.0,141725.0],[106765.0,131725.0,127868.0],[108456.0,119326.0,139326.0],[136765.0,147265.0,184349.0],[107868.0,113968.0,174349.0]];
+var model = new ApacheChartModel(seriesLabels, groupLabels, yValues, xValues, seriesColors);
+model.setMinYValue(0.0);
+model.setMaxYValue(500000.0);
+model.setMinXValue(6.0);
+model.setMaxXValue(10.0);
+model.setTitle('Title');
+model.setSubTitle('SubTitle');
+model.setFootNote('FootNote');
+var type = 1;
+var chartId = 'svgChartmainId';
+var isPerspective = true;
+var legendPosition = 'bottom';
+var apacheChart = ApacheChart.createChart(type, model, chartId, isPerspective, legendPosition);apacheChart.setYMajorGridLineCount(3);
+apacheChart.setYMinorGridLineCount(-1);
+apacheChart.setXMajorGridLineCount(-1);
+apacheChart.setGradientsUsed(true);
+apacheChart.setAnimationDuration(1000);
+apacheChart.setTooltipsVisible(true);
+apacheChart.setMaxPrecision(0);
+apacheChart.setFormName('formId');
+apacheChart.setErrorHtml('<H4>Unable to load SVG plugin. Please install the plugin from <a href=\'#\' onclick=\"window.open(\'http://www.adobe.com/svg/viewer/install/main.html\')\">Adobe</a><H4>\n  ');
+apacheChart.setStatusHtml('<H4><H4>Please Wait. Attempting to load SVG document...</H4><H4>\n  ');
+apacheChart.draw();
+
+        </script>
+      </div>
+<!--AttributeTest[type,verticalBar]-->
+
+      <div
+           class="af_chart"
+           id="mainId"
+          >
+        
+        <script
+            >
+          ApacheChart.createSVG("mainId","svgChartmainId","encoded-resource-url:/test-context-path/adf/svg/chart.svg","width:100%; height:100%;",null);
+var seriesLabels = ['Previous','Target','Actual'];
+var groupLabels = ['June','July','August','September','October'];
+var seriesColors = ["RGB(231,109,72)","RGB(110,166,243)","RGB(157,206,110)","RGB(252,196,111)","RGB(114,126,142)","RGB(109,44,145)"];
+var xValues = [[6.1,6.3,6.5],[6.8,7.1,7.3],[7.6,7.8,8.0],[8.25,8.55,8.78],[9.23,9.48,9.88]];
+var yValues = [[135235.0,155535.0,141725.0],[106765.0,131725.0,127868.0],[108456.0,119326.0,139326.0],[136765.0,147265.0,184349.0],[107868.0,113968.0,174349.0]];
+var model = new ApacheChartModel(seriesLabels, groupLabels, yValues, xValues, seriesColors);
+model.setMinYValue(0.0);
+model.setMaxYValue(500000.0);
+model.setMinXValue(6.0);
+model.setMaxXValue(10.0);
+model.setTitle('Title');
+model.setSubTitle('SubTitle');
+model.setFootNote('FootNote');
+var type = 1;
+var chartId = 'svgChartmainId';
+var isPerspective = true;
+var legendPosition = 'bottom';
+var apacheChart = ApacheChart.createChart(type, model, chartId, isPerspective, legendPosition);apacheChart.setYMajorGridLineCount(3);
+apacheChart.setYMinorGridLineCount(-1);
+apacheChart.setXMajorGridLineCount(-1);
+apacheChart.setGradientsUsed(true);
+apacheChart.setAnimationDuration(1000);
+apacheChart.setTooltipsVisible(true);
+apacheChart.setMaxPrecision(0);
+apacheChart.setFormName('formId');
+apacheChart.setErrorHtml('<H4>Unable to load SVG plugin. Please install the plugin from <a href=\'#\' onclick=\"window.open(\'http://www.adobe.com/svg/viewer/install/main.html\')\">Adobe</a><H4>\n  ');
+apacheChart.setStatusHtml('<H4><H4>Please Wait. Attempting to load SVG document...</H4><H4>\n  ');
+apacheChart.draw();
+
+        </script>
+      </div>
+<!--AttributeTest[templateSource,/mySVGTemplate.svg]-->
+
+      <div
+           class="af_chart"
+           id="mainId"
+          >
+        
+        <script
+            >
+          ApacheChart.createSVG("mainId","svgChartmainId","encoded-resource-url:/test-context-path/mySVGTemplate.svg","width:100%; height:100%;",null);
+var seriesLabels = ['Previous','Target','Actual'];
+var groupLabels = ['June','July','August','September','October'];
+var seriesColors = ["RGB(231,109,72)","RGB(110,166,243)","RGB(157,206,110)","RGB(252,196,111)","RGB(114,126,142)","RGB(109,44,145)"];
+var xValues = [[6.1,6.3,6.5],[6.8,7.1,7.3],[7.6,7.8,8.0],[8.25,8.55,8.78],[9.23,9.48,9.88]];
+var yValues = [[135235.0,155535.0,141725.0],[106765.0,131725.0,127868.0],[108456.0,119326.0,139326.0],[136765.0,147265.0,184349.0],[107868.0,113968.0,174349.0]];
+var model = new ApacheChartModel(seriesLabels, groupLabels, yValues, xValues, seriesColors);
+model.setMinYValue(0.0);
+model.setMaxYValue(500000.0);
+model.setMinXValue(6.0);
+model.setMaxXValue(10.0);
+model.setTitle('Title');
+model.setSubTitle('SubTitle');
+model.setFootNote('FootNote');
+var type = 1;
+var chartId = 'svgChartmainId';
+var isPerspective = true;
+var legendPosition = 'bottom';
+var apacheChart = ApacheChart.createChart(type, model, chartId, isPerspective, legendPosition);apacheChart.setYMajorGridLineCount(3);
+apacheChart.setYMinorGridLineCount(-1);
+apacheChart.setXMajorGridLineCount(-1);
+apacheChart.setGradientsUsed(true);
+apacheChart.setAnimationDuration(1000);
+apacheChart.setTooltipsVisible(true);
+apacheChart.setMaxPrecision(0);
+apacheChart.setFormName('formId');
+apacheChart.setErrorHtml('<H4>Unable to load SVG plugin. Please install the plugin from <a href=\'#\' onclick=\"window.open(\'http://www.adobe.com/svg/viewer/install/main.html\')\">Adobe</a><H4>\n  ');
+apacheChart.setStatusHtml('<H4><H4>Please Wait. Attempting to load SVG document...</H4><H4>\n  ');
+apacheChart.draw();
+
+        </script>
+      </div>
+<!--AttributeTest[legendPosition,end]-->
+
+      <div
+           class="af_chart"
+           id="mainId"
+          >
+        
+        <script
+            >
+          ApacheChart.createSVG("mainId","svgChartmainId","encoded-resource-url:/test-context-path/adf/svg/chart.svg","width:100%; height:100%;",null);
+var seriesLabels = ['Previous','Target','Actual'];
+var groupLabels = ['June','July','August','September','October'];
+var seriesColors = ["RGB(231,109,72)","RGB(110,166,243)","RGB(157,206,110)","RGB(252,196,111)","RGB(114,126,142)","RGB(109,44,145)"];
+var xValues = [[6.1,6.3,6.5],[6.8,7.1,7.3],[7.6,7.8,8.0],[8.25,8.55,8.78],[9.23,9.48,9.88]];
+var yValues = [[135235.0,155535.0,141725.0],[106765.0,131725.0,127868.0],[108456.0,119326.0,139326.0],[136765.0,147265.0,184349.0],[107868.0,113968.0,174349.0]];
+var model = new ApacheChartModel(seriesLabels, groupLabels, yValues, xValues, seriesColors);
+model.setMinYValue(0.0);
+model.setMaxYValue(500000.0);
+model.setMinXValue(6.0);
+model.setMaxXValue(10.0);
+model.setTitle('Title');
+model.setSubTitle('SubTitle');
+model.setFootNote('FootNote');
+var type = 1;
+var chartId = 'svgChartmainId';
+var isPerspective = true;
+var legendPosition = 'end';
+var apacheChart = ApacheChart.createChart(type, model, chartId, isPerspective, legendPosition);apacheChart.setYMajorGridLineCount(3);
+apacheChart.setYMinorGridLineCount(-1);
+apacheChart.setXMajorGridLineCount(-1);
+apacheChart.setGradientsUsed(true);
+apacheChart.setAnimationDuration(1000);
+apacheChart.setTooltipsVisible(true);
+apacheChart.setMaxPrecision(0);
+apacheChart.setFormName('formId');
+apacheChart.setErrorHtml('<H4>Unable to load SVG plugin. Please install the plugin from <a href=\'#\' onclick=\"window.open(\'http://www.adobe.com/svg/viewer/install/main.html\')\">Adobe</a><H4>\n  ');
+apacheChart.setStatusHtml('<H4><H4>Please Wait. Attempting to load SVG document...</H4><H4>\n  ');
+apacheChart.draw();
+
+        </script>
+      </div>
+<!--AttributeTest[animationDuration,1500]-->
+
+      <div
+           class="af_chart"
+           id="mainId"
+          >
+        
+        <script
+            >
+          ApacheChart.createSVG("mainId","svgChartmainId","encoded-resource-url:/test-context-path/adf/svg/chart.svg","width:100%; height:100%;",null);
+var seriesLabels = ['Previous','Target','Actual'];
+var groupLabels = ['June','July','August','September','October'];
+var seriesColors = ["RGB(231,109,72)","RGB(110,166,243)","RGB(157,206,110)","RGB(252,196,111)","RGB(114,126,142)","RGB(109,44,145)"];
+var xValues = [[6.1,6.3,6.5],[6.8,7.1,7.3],[7.6,7.8,8.0],[8.25,8.55,8.78],[9.23,9.48,9.88]];
+var yValues = [[135235.0,155535.0,141725.0],[106765.0,131725.0,127868.0],[108456.0,119326.0,139326.0],[136765.0,147265.0,184349.0],[107868.0,113968.0,174349.0]];
+var model = new ApacheChartModel(seriesLabels, groupLabels, yValues, xValues, seriesColors);
+model.setMinYValue(0.0);
+model.setMaxYValue(500000.0);
+model.setMinXValue(6.0);
+model.setMaxXValue(10.0);
+model.setTitle('Title');
+model.setSubTitle('SubTitle');
+model.setFootNote('FootNote');
+var type = 1;
+var chartId = 'svgChartmainId';
+var isPerspective = true;
+var legendPosition = 'bottom';
+var apacheChart = ApacheChart.createChart(type, model, chartId, isPerspective, legendPosition);apacheChart.setYMajorGridLineCount(3);
+apacheChart.setYMinorGridLineCount(-1);
+apacheChart.setXMajorGridLineCount(-1);
+apacheChart.setGradientsUsed(true);
+apacheChart.setAnimationDuration(1500);
+apacheChart.setTooltipsVisible(true);
+apacheChart.setMaxPrecision(0);
+apacheChart.setFormName('formId');
+apacheChart.setErrorHtml('<H4>Unable to load SVG plugin. Please install the plugin from <a href=\'#\' onclick=\"window.open(\'http://www.adobe.com/svg/viewer/install/main.html\')\">Adobe</a><H4>\n  ');
+apacheChart.setStatusHtml('<H4><H4>Please Wait. Attempting to load SVG document...</H4><H4>\n  ');
+apacheChart.draw();
+
+        </script>
+      </div>
+<!--AttributeTest[YMajorGridLineCount,7]-->
+
+      <div
+           class="af_chart"
+           id="mainId"
+          >
+        
+        <script
+            >
+          ApacheChart.createSVG("mainId","svgChartmainId","encoded-resource-url:/test-context-path/adf/svg/chart.svg","width:100%; height:100%;",null);
+var seriesLabels = ['Previous','Target','Actual'];
+var groupLabels = ['June','July','August','September','October'];
+var seriesColors = ["RGB(231,109,72)","RGB(110,166,243)","RGB(157,206,110)","RGB(252,196,111)","RGB(114,126,142)","RGB(109,44,145)"];
+var xValues = [[6.1,6.3,6.5],[6.8,7.1,7.3],[7.6,7.8,8.0],[8.25,8.55,8.78],[9.23,9.48,9.88]];
+var yValues = [[135235.0,155535.0,141725.0],[106765.0,131725.0,127868.0],[108456.0,119326.0,139326.0],[136765.0,147265.0,184349.0],[107868.0,113968.0,174349.0]];
+var model = new ApacheChartModel(seriesLabels, groupLabels, yValues, xValues, seriesColors);
+model.setMinYValue(0.0);
+model.setMaxYValue(500000.0);
+model.setMinXValue(6.0);
+model.setMaxXValue(10.0);
+model.setTitle('Title');
+model.setSubTitle('SubTitle');
+model.setFootNote('FootNote');
+var type = 1;
+var chartId = 'svgChartmainId';
+var isPerspective = true;
+var legendPosition = 'bottom';
+var apacheChart = ApacheChart.createChart(type, model, chartId, isPerspective, legendPosition);apacheChart.setYMajorGridLineCount(7);
+apacheChart.setYMinorGridLineCount(-1);
+apacheChart.setXMajorGridLineCount(-1);
+apacheChart.setGradientsUsed(true);
+apacheChart.setAnimationDuration(1000);
+apacheChart.setTooltipsVisible(true);
+apacheChart.setMaxPrecision(0);
+apacheChart.setFormName('formId');
+apacheChart.setErrorHtml('<H4>Unable to load SVG plugin. Please install the plugin from <a href=\'#\' onclick=\"window.open(\'http://www.adobe.com/svg/viewer/install/main.html\')\">Adobe</a><H4>\n  ');
+apacheChart.setStatusHtml('<H4><H4>Please Wait. Attempting to load SVG document...</H4><H4>\n  ');
+apacheChart.draw();
+
+        </script>
+      </div>
+<!--AttributeTest[YMinorGridLineCount,3]-->
+
+      <div
+           class="af_chart"
+           id="mainId"
+          >
+        
+        <script
+            >
+          ApacheChart.createSVG("mainId","svgChartmainId","encoded-resource-url:/test-context-path/adf/svg/chart.svg","width:100%; height:100%;",null);
+var seriesLabels = ['Previous','Target','Actual'];
+var groupLabels = ['June','July','August','September','October'];
+var seriesColors = ["RGB(231,109,72)","RGB(110,166,243)","RGB(157,206,110)","RGB(252,196,111)","RGB(114,126,142)","RGB(109,44,145)"];
+var xValues = [[6.1,6.3,6.5],[6.8,7.1,7.3],[7.6,7.8,8.0],[8.25,8.55,8.78],[9.23,9.48,9.88]];
+var yValues = [[135235.0,155535.0,141725.0],[106765.0,131725.0,127868.0],[108456.0,119326.0,139326.0],[136765.0,147265.0,184349.0],[107868.0,113968.0,174349.0]];
+var model = new ApacheChartModel(seriesLabels, groupLabels, yValues, xValues, seriesColors);
+model.setMinYValue(0.0);
+model.setMaxYValue(500000.0);
+model.setMinXValue(6.0);
+model.setMaxXValue(10.0);
+model.setTitle('Title');
+model.setSubTitle('SubTitle');
+model.setFootNote('FootNote');
+var type = 1;
+var chartId = 'svgChartmainId';
+var isPerspective = true;
+var legendPosition = 'bottom';
+var apacheChart = ApacheChart.createChart(type, model, chartId, isPerspective, legendPosition);apacheChart.setYMajorGridLineCount(3);
+apacheChart.setYMinorGridLineCount(3);
+apacheChart.setXMajorGridLineCount(-1);
+apacheChart.setGradientsUsed(true);
+apacheChart.setAnimationDuration(1000);
+apacheChart.setTooltipsVisible(true);
+apacheChart.setMaxPrecision(0);
+apacheChart.setFormName('formId');
+apacheChart.setErrorHtml('<H4>Unable to load SVG plugin. Please install the plugin from <a href=\'#\' onclick=\"window.open(\'http://www.adobe.com/svg/viewer/install/main.html\')\">Adobe</a><H4>\n  ');
+apacheChart.setStatusHtml('<H4><H4>Please Wait. Attempting to load SVG document...</H4><H4>\n  ');
+apacheChart.draw();
+
+        </script>
+      </div>
+<!--AttributeTest[XMajorGridLineCount,4]-->
+
+      <div
+           class="af_chart"
+           id="mainId"
+          >
+        
+        <script
+            >
+          ApacheChart.createSVG("mainId","svgChartmainId","encoded-resource-url:/test-context-path/adf/svg/chart.svg","width:100%; height:100%;",null);
+var seriesLabels = ['Previous','Target','Actual'];
+var groupLabels = ['June','July','August','September','October'];
+var seriesColors = ["RGB(231,109,72)","RGB(110,166,243)","RGB(157,206,110)","RGB(252,196,111)","RGB(114,126,142)","RGB(109,44,145)"];
+var xValues = [[6.1,6.3,6.5],[6.8,7.1,7.3],[7.6,7.8,8.0],[8.25,8.55,8.78],[9.23,9.48,9.88]];
+var yValues = [[135235.0,155535.0,141725.0],[106765.0,131725.0,127868.0],[108456.0,119326.0,139326.0],[136765.0,147265.0,184349.0],[107868.0,113968.0,174349.0]];
+var model = new ApacheChartModel(seriesLabels, groupLabels, yValues, xValues, seriesColors);
+model.setMinYValue(0.0);
+model.setMaxYValue(500000.0);
+model.setMinXValue(6.0);
+model.setMaxXValue(10.0);
+model.setTitle('Title');
+model.setSubTitle('SubTitle');
+model.setFootNote('FootNote');
+var type = 1;
+var chartId = 'svgChartmainId';
+var isPerspective = true;
+var legendPosition = 'bottom';
+var apacheChart = ApacheChart.createChart(type, model, chartId, isPerspective, legendPosition);apacheChart.setYMajorGridLineCount(3);
+apacheChart.setYMinorGridLineCount(-1);
+apacheChart.setXMajorGridLineCount(4);
+apacheChart.setGradientsUsed(true);
+apacheChart.setAnimationDuration(1000);
+apacheChart.setTooltipsVisible(true);
+apacheChart.setMaxPrecision(0);
+apacheChart.setFormName('formId');
+apacheChart.setErrorHtml('<H4>Unable to load SVG plugin. Please install the plugin from <a href=\'#\' onclick=\"window.open(\'http://www.adobe.com/svg/viewer/install/main.html\')\">Adobe</a><H4>\n  ');
+apacheChart.setStatusHtml('<H4><H4>Please Wait. Attempting to load SVG document...</H4><H4>\n  ');
+apacheChart.draw();
+
+        </script>
+      </div>
+<!--AttributeTest[maxPrecision,1]-->
+
+      <div
+           class="af_chart"
+           id="mainId"
+          >
+        
+        <script
+            >
+          ApacheChart.createSVG("mainId","svgChartmainId","encoded-resource-url:/test-context-path/adf/svg/chart.svg","width:100%; height:100%;",null);
+var seriesLabels = ['Previous','Target','Actual'];
+var groupLabels = ['June','July','August','September','October'];
+var seriesColors = ["RGB(231,109,72)","RGB(110,166,243)","RGB(157,206,110)","RGB(252,196,111)","RGB(114,126,142)","RGB(109,44,145)"];
+var xValues = [[6.1,6.3,6.5],[6.8,7.1,7.3],[7.6,7.8,8.0],[8.25,8.55,8.78],[9.23,9.48,9.88]];
+var yValues = [[135235.0,155535.0,141725.0],[106765.0,131725.0,127868.0],[108456.0,119326.0,139326.0],[136765.0,147265.0,184349.0],[107868.0,113968.0,174349.0]];
+var model = new ApacheChartModel(seriesLabels, groupLabels, yValues, xValues, seriesColors);
+model.setMinYValue(0.0);
+model.setMaxYValue(500000.0);
+model.setMinXValue(6.0);
+model.setMaxXValue(10.0);
+model.setTitle('Title');
+model.setSubTitle('SubTitle');
+model.setFootNote('FootNote');
+var type = 1;
+var chartId = 'svgChartmainId';
+var isPerspective = true;
+var legendPosition = 'bottom';
+var apacheChart = ApacheChart.createChart(type, model, chartId, isPerspective, legendPosition);apacheChart.setYMajorGridLineCount(3);
+apacheChart.setYMinorGridLineCount(-1);
+apacheChart.setXMajorGridLineCount(-1);
+apacheChart.setGradientsUsed(true);
+apacheChart.setAnimationDuration(1000);
+apacheChart.setTooltipsVisible(true);
+apacheChart.setMaxPrecision(1);
+apacheChart.setFormName('formId');
+apacheChart.setErrorHtml('<H4>Unable to load SVG plugin. Please install the plugin from <a href=\'#\' onclick=\"window.open(\'http://www.adobe.com/svg/viewer/install/main.html\')\">Adobe</a><H4>\n  ');
+apacheChart.setStatusHtml('<H4><H4>Please Wait. Attempting to load SVG document...</H4><H4>\n  ');
+apacheChart.draw();
+
+        </script>
+      </div>
+<!--AttributeTest[id,myid]-->
+
+      <div
+           class="af_chart"
+           id="myid"
+          >
+        
+        <script
+            >
+          ApacheChart.createSVG("myid","svgChartmyid","encoded-resource-url:/test-context-path/adf/svg/chart.svg","width:100%; height:100%;",null);
+var seriesLabels = ['Previous','Target','Actual'];
+var groupLabels = ['June','July','August','September','October'];
+var seriesColors = ["RGB(231,109,72)","RGB(110,166,243)","RGB(157,206,110)","RGB(252,196,111)","RGB(114,126,142)","RGB(109,44,145)"];
+var xValues = [[6.1,6.3,6.5],[6.8,7.1,7.3],[7.6,7.8,8.0],[8.25,8.55,8.78],[9.23,9.48,9.88]];
+var yValues = [[135235.0,155535.0,141725.0],[106765.0,131725.0,127868.0],[108456.0,119326.0,139326.0],[136765.0,147265.0,184349.0],[107868.0,113968.0,174349.0]];
+var model = new ApacheChartModel(seriesLabels, groupLabels, yValues, xValues, seriesColors);
+model.setMinYValue(0.0);
+model.setMaxYValue(500000.0);
+model.setMinXValue(6.0);
+model.setMaxXValue(10.0);
+model.setTitle('Title');
+model.setSubTitle('SubTitle');
+model.setFootNote('FootNote');
+var type = 1;
+var chartId = 'svgChartmyid';
+var isPerspective = true;
+var legendPosition = 'bottom';
+var apacheChart = ApacheChart.createChart(type, model, chartId, isPerspective, legendPosition);apacheChart.setYMajorGridLineCount(3);
+apacheChart.setYMinorGridLineCount(-1);
+apacheChart.setXMajorGridLineCount(-1);
+apacheChart.setGradientsUsed(true);
+apacheChart.setAnimationDuration(1000);
+apacheChart.setTooltipsVisible(true);
+apacheChart.setMaxPrecision(0);
+apacheChart.setFormName('formId');
+apacheChart.setErrorHtml('<H4>Unable to load SVG plugin. Please install the plugin from <a href=\'#\' onclick=\"window.open(\'http://www.adobe.com/svg/viewer/install/main.html\')\">Adobe</a><H4>\n  ');
+apacheChart.setStatusHtml('<H4><H4>Please Wait. Attempting to load SVG document...</H4><H4>\n  ');
+apacheChart.draw();
+
+        </script>
+      </div>
+<!--AttributeTest[styleClass,mystyle]-->
+
+      <div
+           class="mystyle af_chart"
+           id="mainId"
+          >
+        
+        <script
+            >
+          ApacheChart.createSVG("mainId","svgChartmainId","encoded-resource-url:/test-context-path/adf/svg/chart.svg","width:100%; height:100%;",null);
+var seriesLabels = ['Previous','Target','Actual'];
+var groupLabels = ['June','July','August','September','October'];
+var seriesColors = ["RGB(231,109,72)","RGB(110,166,243)","RGB(157,206,110)","RGB(252,196,111)","RGB(114,126,142)","RGB(109,44,145)"];
+var xValues = [[6.1,6.3,6.5],[6.8,7.1,7.3],[7.6,7.8,8.0],[8.25,8.55,8.78],[9.23,9.48,9.88]];
+var yValues = [[135235.0,155535.0,141725.0],[106765.0,131725.0,127868.0],[108456.0,119326.0,139326.0],[136765.0,147265.0,184349.0],[107868.0,113968.0,174349.0]];
+var model = new ApacheChartModel(seriesLabels, groupLabels, yValues, xValues, seriesColors);
+model.setMinYValue(0.0);
+model.setMaxYValue(500000.0);
+model.setMinXValue(6.0);
+model.setMaxXValue(10.0);
+model.setTitle('Title');
+model.setSubTitle('SubTitle');
+model.setFootNote('FootNote');
+var type = 1;
+var chartId = 'svgChartmainId';
+var isPerspective = true;
+var legendPosition = 'bottom';
+var apacheChart = ApacheChart.createChart(type, model, chartId, isPerspective, legendPosition);apacheChart.setYMajorGridLineCount(3);
+apacheChart.setYMinorGridLineCount(-1);
+apacheChart.setXMajorGridLineCount(-1);
+apacheChart.setGradientsUsed(true);
+apacheChart.setAnimationDuration(1000);
+apacheChart.setTooltipsVisible(true);
+apacheChart.setMaxPrecision(0);
+apacheChart.setFormName('formId');
+apacheChart.setErrorHtml('<H4>Unable to load SVG plugin. Please install the plugin from <a href=\'#\' onclick=\"window.open(\'http://www.adobe.com/svg/viewer/install/main.html\')\">Adobe</a><H4>\n  ');
+apacheChart.setStatusHtml('<H4><H4>Please Wait. Attempting to load SVG document...</H4><H4>\n  ');
+apacheChart.draw();
+
+        </script>
+      </div>
+<!--AttributeTest[inlineStyle,width:600px; height:400px;]-->
+
+      <div
+           class="af_chart"
+           id="mainId"
+           style="width:600px; height:400px;"
+          >
+        
+        <script
+            >
+          ApacheChart.createSVG("mainId","svgChartmainId","encoded-resource-url:/test-context-path/adf/svg/chart.svg","width:100%; height:100%;",null);
+var seriesLabels = ['Previous','Target','Actual'];
+var groupLabels = ['June','July','August','September','October'];
+var seriesColors = ["RGB(231,109,72)","RGB(110,166,243)","RGB(157,206,110)","RGB(252,196,111)","RGB(114,126,142)","RGB(109,44,145)"];
+var xValues = [[6.1,6.3,6.5],[6.8,7.1,7.3],[7.6,7.8,8.0],[8.25,8.55,8.78],[9.23,9.48,9.88]];
+var yValues = [[135235.0,155535.0,141725.0],[106765.0,131725.0,127868.0],[108456.0,119326.0,139326.0],[136765.0,147265.0,184349.0],[107868.0,113968.0,174349.0]];
+var model = new ApacheChartModel(seriesLabels, groupLabels, yValues, xValues, seriesColors);
+model.setMinYValue(0.0);
+model.setMaxYValue(500000.0);
+model.setMinXValue(6.0);
+model.setMaxXValue(10.0);
+model.setTitle('Title');
+model.setSubTitle('SubTitle');
+model.setFootNote('FootNote');
+var type = 1;
+var chartId = 'svgChartmainId';
+var isPerspective = true;
+var legendPosition = 'bottom';
+var apacheChart = ApacheChart.createChart(type, model, chartId, isPerspective, legendPosition);apacheChart.setYMajorGridLineCount(3);
+apacheChart.setYMinorGridLineCount(-1);
+apacheChart.setXMajorGridLineCount(-1);
+apacheChart.setGradientsUsed(true);
+apacheChart.setAnimationDuration(1000);
+apacheChart.setTooltipsVisible(true);
+apacheChart.setMaxPrecision(0);
+apacheChart.setFormName('formId');
+apacheChart.setErrorHtml('<H4>Unable to load SVG plugin. Please install the plugin from <a href=\'#\' onclick=\"window.open(\'http://www.adobe.com/svg/viewer/install/main.html\')\">Adobe</a><H4>\n  ');
+apacheChart.setStatusHtml('<H4><H4>Please Wait. Attempting to load SVG document...</H4><H4>\n  ');
+apacheChart.draw();
+
+        </script>
+      </div>
+</results>



Mime
View raw message