background color change of dynamic graphic

[rohit_goel]

hi ,

i am using 3D Gauge dynamic graphic i want to change image backgrond color from white to blue.

thanks in advance.

regards,

rohit

[Former Member]

You can add a <rect> tag, see text in bold below ...

<?xml version="1.0" encoding="UTF-8"?><svg height="300" text-rendering="geometricPrecision" width="300">

<rect height="299" id="Background" width="299" x="0" y="0" style="fill:none;stroke:rgb(0,255,0);stroke-width:1" />

<defs>

<radialGradient cx="70%" cy="30%" fx="80%" fy="40%" gradientUnits="objectBoundingBox" id="black-white_1" r="150%" spreadMethod="pad">

<stop offset="100%" stop-color="rgb(180,180,180)" stop-opacity="1"/>

<stop offset="100%" stop-color="rgb(0,0,0)" stop-opacity="0"/>

</radialGradient>

</defs>

<ellipse cx="150" cy="150" fill="url(#black-white_1)" rx="140" ry="140" stroke="rgb(0,0,0)" stroke-width="1"/>

<ellipse cx="150" cy="150" fill="none" rx="140" ry="140" stroke="url(#black-white_1)" stroke-width="4"/>

...

...

...

<line fill="none" id="Needle" stroke="rgb(255,20,20)" stroke-linecap="round" stroke-width="5" transform="rotate(330 150 150)" x1="150" x2="150" y1="150" y2="260"/>

</svg>

Regards.

[jcgood25]

You will need to clone the 3DDialGauge.svg object and create your own version of this, modifying the radialGradient rgb color attributes in the top section of the xml.

You can also look at the SVGSweepGauge as an example - it has a default black rectangle background which you could emulate as blue behind the 3DDial.

Edited by: Jeremy Good on Jan 21, 2009 9:20 AM

[Former Member]

Hi

You can go through this link:

http://help.sap.com/saphelp_xmii115/helpdata/en/Business_Logic_Services/animationeditor.htm

Hope this may help you.