Svg - 3D dial

Hi all,
There is a std svg object - 3d dial (speedometer) that xMII provides. Its has 3 arcs / sectors with different colors (red, green, yellow).
I am able to translate and rotate these arcs about the centre by manipulating these properties in xMII
Question: I would also like to increase/decrease the length of these arc.
1) Is there a property already existing in this svg that would allow me to do it
2) Else, how do I add this property which would enable me to do this?
I would like to use this same std xMII image.
Appreciate any ideas

SVG is not proprietary to xMII, therefore I would recommend checking google or other sources like <a href="http://www.w3schools.com/svg/svg_circle.asp">w3schools</a> to find more factual information on creating/modifying SVG images. Best of luck.

Similar Messages

DynamicGraphics

Hi,
I created an SVG 3D Dial Gauge object through Dynamicgraphics editor.
I have done the BLS transaction and Xacute qurey .When i test this qurey i didnt get the result. if any further configuration is needed?.suggestions are welcome.Thanks in advance.
i refered this webblog
<a href="/people/abesh.bhattacharjee/blog/2007/02/27/get-started-with-dynamic-graphics-in-xmii-115
Regards,
Malini

MaliniV
This is fine that u hv created BLS which gets the Animated Object and saves that object as an image (EncodedImage) in somewhere with the name of saved image in wwwroot ur xMII server. Also have an XacuteQuery which excutes the mentioned BLS.
<b>Now, how u can get the result directly from XacuteQuery??!! This query is not for showing the animated object (image) that u want to view. </b>
Test the image saved in that specified folder in ur xMII server to get the result (Animated Object changed on execution of BLS by clicking Test button in XacuteQuery)
First of all, this is better to complete the webblog u refered with a webpage (IRPT) with that saved image so that u can understand <b>by ur eyes</b> the change of the object on each execution of BLS/XacuteQuery
Regards
Som

Render Fill Colour on SVG Dial Sweep at Runtime

Hi all,
Thank you for taking the time to review this post.
I have been evaluating the various Dial charts in ApEX v3.0.1 and feel that the SVG 'Dial - Sweep' chart best meets my needs. I would like the fill colour to be determined at runtime depending on whether the returned value is above or below a set 'high' value.
As an example,
SELECT <x> value, -- if below 80 then fill is red, else fill is green
100 maximum_value,
0 low_value,
80 high_value
FROM dual;
As the comment states if the returned value is below the stated high value (80%) I want the sweep to be filled in Red (#FF0000) and for other values (>= 80%) to be filled in Green.
I see that there are CSS entries that could potentially be manipulated:
#dial{stroke:#336699;stroke-width:2px;fill:#ff0000;fill-opacity:.5;}
#dial.alert{fill:#ff0000;fill-opacity:.5;}
I just am unsure as to how to change the fill colours of these dynamically at runtime dependant on the result from my SQL Query source.
Is anyone able to offer some guidance and examples please?
Kind Regards,
Gary.

Hi all,
Just wondering if anyone is able to offer any examples or suggestions to this post.
I have a workaround which is to create two Charts, each with a different colour scheme and Conditional Display logic (Exists) on each Chart that determines whether the returned value is greater (or less) than the stated high value (80% in my example).
As I am displaying 6 Charts on this page, there is a huge performance overhead in running 12 Conditional Display logic SQL Statements plus the actual Chart SQL Statement.
I'm wondering whether I can utilise any of the standard Attribute features, such as "Onload Javascript".
Unfortunately, I'm not familiar with Javascript so I'm not sure if (or how) I can reference the SQL Statement Value for comparison with the stated high value, or whether I can use it to change the CSS entries - #dial{stroke:#336699;stroke-width:2px;fill:#ff0000;fill-opacity:.5;} and #dial.alert{fill:#ff0000;fill-opacity:.5;}
As I say, any examples or suggestions greatly appreciated :-)
Kind Regards,
Gary.

How can I reduce the hight of the Legend in the SVG graph

I need to reduce the height of the legend box in the SVG graph by 50%. From what I have read I soul be able to this with the CSS, but I can not figure it out. This is the current CSS that is in place.
text{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;fill:#000000;}
tspan{font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;fill:#000000;}
text.title{font-weight:bold;font-size:14;fill:#000000;}
text.moredatafound{font-size:12;}
rect.legend{fill:#EEEEEE;stroke:#000000;stroke-width:1;}
text.legend{font-size:10;}
#background{fill:#FFFFFF;stroke:none;}
rect.chartholderbackground{fill:#ffffff;stroke:#000000;stroke-width:1;}
#timestamp{text-anchor:start;font-size:9;}
text.tic{stroke:none;fill:#000000;font-size:12}
line.tic{stroke:#000000;stroke-width:1px;fill:none;}
#dial{stroke:#336699;stroke-width:2px;fill:#336699;fill-opacity:.5;}
#dial.alert{fill:#FF0000;fill-opacity:.5;}
#dialbackground{stroke:#000000;stroke-width:none;fill:none;filter:url(#MyFilter);}
#dialcenter{stroke:none;fill:#111111;filter:url(#MyFilter);}
#dialbackground-border{stroke:#DDDDDD;stroke-width:2px;fill:none;filter:url(#MyFilter);}#low{stroke-width:3;stroke:#336699;}
#high{stroke-width:3;stroke:#FF0000;}
#XAxisTitle{letter-spacing:2;kerning:auto;font-size:14;fill:#000000;text-anchor:middle;}
#YAxisTitle{letter-spacing:2;kerning:auto;font-size:14;fill:#000000;text-anchor:middle;writing-mode:tb;}
.XAxisValue{font-size:8;fill:#000000;}
.YAxisValue{font-size:8;fill:#000000;text-anchor:end;}
.AxisLabel{font-size:8;fill:#000000;}
.nodatafound{stroke:#000000;stroke-width:1;font-size:12;}
.AxisLine{stroke:#000000;stroke-width:2;fill:#FFFFFF;}
.GridLine{stroke:#000000;stroke-width:0.3;stroke-dasharray:2,4;fill:none;}
g.dataholder rect{stroke:#000000;stroke-width:0.5;}
.legenditem rect{stroke:#000000;stroke-width:0.5;}
Please help.

Hello,
Well here's your fix all the code is on the page.
http://htmldb.oracle.com/pls/otn/f?p=11933:81
The code all goes into the chart attributes area in the onload and the header section.
Make sure to pay close attention to the onload
}catch(er){}try{ChangeLegendHeight();
I was a little overzealous in catching javascript errors in the built in SVG so it doesn't work in Firefox unless you split the try and catch statements. This will get fixed in next version.
Also this statement
if(document){svgDoc = document;} // this fixes Adobe Vs FF difference
should go into the first line of any custom javascript that you use in the SVG as it fixes a difference in the FF 1.5 implementation and Adobe Plugin again it will be fixed in next version.
Making these changes should allow you to run almost any javascript in the Builtin SVG charts so it opens up a lot of possibilities for customization and adding interaction.
Have fun,
Carl

3D Dial Guage

Hi Forum,
Can anyone tell me how to change the limit of the arcs in the 3d Dial Gauge. I am able to change the color of the arc by changing "stroke" property. But i couldn't find any property to change the limit of the arcs.
Also, i am able to put a value in the value box. But the needle is not moving according to the value that is assigned to value box.
Thanks a lot,
Regards
Mike.

Hi Michael,
have you done the advanced training course yet? Doing dynamic graphics is well explained in one of the labs. If you search for "Dynamic Graphics" in the index of the help files, there's a good walk through there too.
The rotation of the needle is calculated using a animation link. The link you'd use is:
SVG Element: Needle\Transform
And the Expression would be something along the lines of:
"rotate(" & (20 + 320 * (Value - MinRange) / (MaxRange - MinRange)) & " 150 150)"
Where Value, MinRange, etc... are Object Properties which you would've already defined and rotate is the functon on the angle calculated. If you wanted to, you could also use the "Calculated Properties" to do the calculation instead of doing it directly in the animation link.
I'm not too sure I understand what you're trying to do with the limit. Is it the text value you're wanting to change, or the angle at which the limit sits?
Regards,
Lawrence
Edited by: Lawrence Prinsloo on Jan 8, 2008 1:53 PM

Color range on 3D dial guage

Hi,
I am using 3D Dial gauge. I am trying to set the limits for red, yellow and green arcs.
My requirement is to set the arcs as 0 to 85 : Red, 85 to 95 :Yellow, 95 to 100: Green with the Min range and Max range as 0-100.
In the SVG Element properties, i can see the red arc , green arc and yellow arc but how to limit the range is not clear to me.
Any idea will be a great help
Thanks
Shipra
M-9886452721

Hi Shipra,
I think this thread will help you out.
Re: Changing the limits on 3D Dial Guage
Also, any changes you wish to make in your SVG, you can use Inkscape. Its a free and readily available tool and easy to understand and use.
Check out these links too:
Re: SVG PIE Chart - Limits
Re: Half Gauge SVG - Change Coloured arcs
Re: Limits on 3D dial gauge
All the best.
Regards,
Gita K C.

Limit range on 3D dial guage

Hi,
i am using 3D Dial gauge. I am trying to show the number of deviations per batch in gauge.for example less than 20 as green, 20 - 40 as yellow and rest as red.
In the SVG Element properties, i can see the red arc , green arc and yellow arc but how to limit the range is not clear to me.
Any idea will be a great help
Thanks

I was specifically referring to using the AnimationRenderer action block in the BLT. Prior to using this action block (and setting the Max Limit and Low Limit Properties there), you can use an assignment action block to do your logic. Or you can do your logic within the assignment of the properties.
The AnimationRenderer asks for you to configure the object and specify which Animated Object to use.Then you can configure the links --- this is where you can set your Max and Low Limits.
Then after the AnimationRenderer, you need to use the Image Saver action block within the Web section to save the SVG file
Of course if you wanted to hard code the max and low limits, you could open up your SVG within Dynamic Graphics. Then go to Object Properties and Edit your Max and Low Limit properties this way.

Indicator on 3D dial guage

HI ,
I am using 3D Dial gauge.
My requirement is to set the arcs as 0 to 85 : Red, 85 to 95 :Yellow, 95 to 100: Green with the Min range and Max range as 0-100,and I also need to change the indicator color and postion /direction based on needle postion .
For example :
KPI Vlaue : 70
HighLimit:95
LowLimit: 85
MaxRange: 100
MinRange: 0
So I Limit the arc range based on given formula :
YellowArc: d
"M107.59 266.52 A 124,124 0 " & if( ((HighLimit - MinRange) / (MaxRange - MinRange) ) > (180.0/320.0) ,1,0) & " 1 " & (150 + 124 * cos(pi * (110 + ((HighLimit - MinRange) / (MaxRange - MinRange) ) * 320) / 180)) & " " & (150 + 124 * sin(pi * (110 + ((HighLimit - MinRange) / (MaxRange - MinRange) ) * 320) / 180))
RedArc: d
"M107.59 266.52 A 124,124 0 " & if( ((LowLimit - MinRange) / (MaxRange - MinRange) ) > (180.0/320.0) ,1,0) & " 1 " & (150 + 124 * cos(pi * (110 + ((LowLimit - MinRange) / (MaxRange - MinRange) ) * 320) / 180)) & " " & (150 + 124 * sin(pi * (110 + ((LowLimit - MinRange) / (MaxRange - MinRange) ) * 320) / 180))
Needle is pointion to 70 becuase KPI value is : 70
I am also able to change the indictor color based on needle position
if needle is in Red Range the indicator color is : "RED"
if needle is in Yellow Range the indicator color is : "Yellow"
if needle is in Green Range the indicator color is : "Green"
Now I have to change the direction of indicator but how I do not know
if indicator color is "RED" it should be "Down"
if indicator color is "Green" it should be "UP"
if indicator color is "Yellow" it should be "Left"
Any idea will be a great help
Regards
Shipra

Hi Shipra,
You will need an SVG editor to make the modifications to the underlying SVG object. There are several of them available, but the one I always have used in the past is a freeware download from Inkscape. There are several threads on this forum which refer to SVGs and I recommend searching back through all years to get some suggestions or ideas.
Regards,
Mike

Limits on 3D dial gauge

Hi,
I am using 3D Dial gauge. I am trying to set the limits for red, yellow and green arcs.
My requirement is to set the arcs as 0-20: Red, 21-50: Yellow, 51-80: Green and 81-100 again Red, with the Min range and Max range as 0-100.
In the SVG Object properties, I am able to set the low and high limits to change the red, yellow and green arc limits but how to make the red arc repeat again is not clear to me.
Any idea will be a great help
Thanks

Ruchi,
I think that you will have to modify the SVG and change Red to two properties, Red1 and Red2. Then you will be able to map ranges to each. If you simply map a second range to the property, it will overwrite the first range entered.
Try exporting the svg used and modify that file in www.inkscape.com (a freeware svg editor) or some other svg editing package. You will then have to reimport and probably should define a new animated object with the modified svg.
If you have already solved your issue, please close this message.
Good luck,
Mike

3D Dial Gauge - Color Change in Arc

Hi,
i am using 3D Dial gauge. i want to change the range for red, green and yello arcs. In default, it display red arc from 0 to 60. but i want to display green here and then yellow then red for some range. how to do it?
-senthil

Hi Senthil,
Open the SVG object in dynamic graphics editor. Choose animation links from the toolbar... In this case you will see an SVG element called yellow/green/red arc in the animation link editor...change the stroke property to color string(viz. "blue") then you will be able to change the color of the arcs....
for changing the range of the arcs, you can play with the high limit and low limit porperties of the SVG object.
coming to your case ...just change the animation link "stroke" for RedArc in the animation link editor
Regards,
Musarrat
I hope it helps

Changing the limits on 3D Dial Guage

Hi,
I am trying to limit the Red,Green & Yellow arc lengths on the 3d Dial Guage. For E.g. i want to show 0-30 as red, 30-50 as yellow & the rest as green. I am able to rotate the arcs using "transform" property of the respective arcs.
I found few threads on sdn which says it can be done using SVG Object properties instead of using the "transform" property.
Can you pls. tell me exactly how using the SVG Object properties we can limit the low & high values of each of the arc's?
Regards,
Sushma.

Hi Sushma,
I had a similar requirement long back and I got the solution by playing with it. Please try the below.
Define Object Properties (of type Number):
   HighLimit
   LowLimit
   MaxRange
   MinRange
In your case, set HighLimit to 50 and LowLimit to 30 . Set MinRange and MaxRange as per your requirements (for example: 0 and 100)
Set Animation Links as follows (click Assign Link to set this value):
YellowArc: d
"M107.59 266.52 A 124,124 0 " & if( ((HighLimit - MinRange) / (MaxRange - MinRange) ) > (180.0/320.0) ,1,0) & " 1 " & (150 + 124 * cos(pi * (110 + ((HighLimit - MinRange) / (MaxRange - MinRange) ) * 320) / 180)) & " " & (150 + 124 * sin(pi * (110 + ((HighLimit - MinRange) / (MaxRange - MinRange) ) * 320) / 180))
RedArc: d
"M107.59 266.52 A 124,124 0 " & if( ((LowLimit - MinRange) / (MaxRange - MinRange) ) > (180.0/320.0) ,1,0) & " 1 " & (150 + 124 * cos(pi * (110 + ((LowLimit - MinRange) / (MaxRange - MinRange) ) * 320) / 180)) & " " & (150 + 124 * sin(pi * (110 + ((LowLimit - MinRange) / (MaxRange - MinRange) ) * 320) / 180))
Thanks,
John

IPhone 5s voice dial always asks to confirm

I am able to voice dial most everyone in my conacts database without problems - except my wife. I say 'Call Jane Smith, mobile" and the display correctly interprets my voice and displays 'Call Jane Smith". Then it asks "Do you mean Jane Smith?" Once I say yes, it dials properly. There are no other Jane Smith's or similar in my contacts, and this extra confirmation step does not happen with other numbers. Any idea what could be causing this, or how I might fix it? Thanks for any help!

Try syncing it back up and make sure the memos are included in the sync.

Flash stops working and freezes firefox. I have Fast dial and dont want to lose it so what can I do to fix this?

It doesnt matter what site or what I am doing it will come up randomly and freeze firefox then finally a box pops up and says Flash is busy or not responding continue or stop plugin. Naturally I stop plugin. I always install the latest flash versions I have even uninstall and reinstalled flash and downgraded and still no change or it bugs me to update. I am using firefox 26.0 I usually stay away from the betas if all possible. My biggest worry with using the reset firefox or making a new profile is my fast dial I have tons of sites right there waiting for me to click on and im afraid if I do all this I will lose it. But I have used same profile for years and years so maybe its time. I will just have to redo my fast dial I guess Unless someone can come up with another way to do it. I have disabled hardware acceleration on firefox I have to it makes my browser do some weird things. I also have disabled Hardware acceleration in flash as well. I have cleant temp files and registry. I am good with computers but have never seen issues like this with flash. If anyone could help that would be great. Thanks.

Sounds like you have done a lot. Have you tried to make a new profile for TESTING purposes only? You could have a bad profile. it is possible.
Also, have you tried protect mode for flash? I wrote up a bat file to set it up so you don't have to go digging through system files.
Also i have some unorthodox methods you will not see in these forums to try out if you are interested as they have resolved several peoples that i can confirm issue. I have been going crash free for over 6 months now since i implemented. Believe me some issues nothing in these forums will resolve. Click on my name on the left there is a blog i created just for this issue with all the info and some of the fixes. Everything is fully automated. Very little user interaction.
This will NOT work for everyone, but you cant hurt by trying
Best regards

Did you know that verizon charges ¢50 for calls from the US to Canada? Just dialing an area code like 604 (Vancouver, CA), will create charges at a rate of ¢50/minute. Amazing that they can charge this much for a call to Canada. I know they have it som

Did you know that verizon charges ¢50 for calls from the US to Canada? Just dialing an area code like 604 (Vancouver, CA), will create charges at a rate of ¢50/minute. Amazing that they can charge this much for a call to Canada. I know they have it somewhere in their contract/website.

Did you know that verizon charges ¢50 for calls from the US to Canada? Just dialing an area code like 604 (Vancouver, CA), will create charges at a rate of ¢50/minute. Amazing that they can charge this much for a call to Canada. I know they have it somewhere in their contract/website.

SVG in pdf created with FOP

Hello,
is it possible to include SVG`s to a pdf report, which is created with FOP?
I read something like Batik....
Does anybody have any experiences about that?
Thanks,
Tim

Thank you, CtDave, for your speedy reply and for the 'Acrobat Technical Evangelist' knowledge base article. Word 2000 is one of Microsoft's masterpieces - by disabling 'autosave', the application is totally stable, does not require 'activation' by Microsoft. Acrobat 9 enables 'saving' of interactive .pdf forms, a most valuable feature and one much appreciated by anyone completiing such forms. There must be more to this issue than 'incompatibility', because I can create a test Word 2000 document, hyperlink a valid URL, convert to .pdf with Acrobat 9, and the hyperlink works fine in Acrobat 9. When I attempt to do this using a much more complex Word 2000 document, embedded with scores of hyperlinks, these links fail to work following conversion to .pdf with Acrobat 9, but work fine following conversion to .pdf with Acrobat 6. I can then use Acrobat 9 to open the .pdf created with Acrobat 6, and successfully edit any of these fully functional hyperlinks using the 'Link tool'. I don't know who prepared the 'Acrobat Technical Evangelist' article (AF1908DCd01) - no credits were cited, and I'm far from certain that this authentically belongs to Adobe's knowledge base. So I appreciate your sharing this information with me, but I cannot say that my question has been definitively answered. If you have any further information or tips, please reply in this thread. /rmbrown

Svg - 3D dial

Similar Messages

Maybe you are looking for