You are viewing a plain text version of this content. The canonical link for it is here.
Posted to adffaces-commits@incubator.apache.org by aw...@apache.org on 2006/09/28 18:07:59 UTC
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...
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>