SVG Graph link

Is there an example how links are used in a sql for SVG Graph? The only documentation I found was in the help under section 7.3.1.
I've tried the syntax below: It would error out.
f?p=#APP_ID#:4:#APP_SESSION#::::P3_ID,P3_ID2:#COL03#,#COL02#

select 'f?p='||:APP_ID||':4:'||:APP_SESSION||'::::P4_SHOW:'||awm_status link, awm_status, count (awm_status) value
from awm_quality
group by null, awm_status
order by awm_status

Similar Messages

How to...download the SVG Graph in PDF format or Email it

I have generated a line chart using SVG Graph, I need to download it in PDF format and email it.
Please help, How do I do that ?

FYI, Adobe has announced it will no longer support the SVG Viewer as of Jan 1st, 2009 (link), so you should probably switch over to flash charts in APEX (introduced in 3.0).
BI Publisher supports charts embedded in PDFs. You can also have the PDF automatically emailed via this technique.
Tyler
Message was edited by:
Tyler

SVG graph maker

I am working on a program that will generate 'clean' svg (vector graphics) graphs from data sets.
It is still very much in it's infancy - so much so that I would not even yet announce it except for the fact that it came up in another discussion. I figured I could open this thread to move the svg discussion here.
My current plans are for relatively simple barplots and scatter/line plots. I'd like them to remain simple as they are created in such a way that they can be easily edited by the user after the fact.
This is in contrast to other tools I have used to create svg image files. The R statistical package will create svg graphs, and programs like inkscape (or illustrator) can "trace" most image files to produce a vector image. I see two major drawbacks of these methods. First they create *enormous* files due to an extensive and unnecessary use of svg 'paths'. Secondly, the resulting files may look good, but they are very hard to edit because 1) they are huge, and 2) they are quite 'convoluted' - if one looks at the resulting code, it is essentially unreadable.
I don't really see this as a criticism of the existing methods - as they do what they are supposed to. My goal is to create a tool that does something different: create the skeleton of svg code that is easily human-readable and human-editable.
Prior to starting this tool I would make my svg's "by hand" with just a text editor. By doing it this way I had complete control over the results, and my graphs would be several orders of magnitude smaller than similar ones generated by R or inkscape.
A bar graph, for example, can be some CSS styling, a couple axes, and some '<rect>'s for bars. This could be just a dozen lines of svg code. R, in contrast, would generate thousands of lines of svg '<path>'s for the same result.
Later today I will get what I have so far up on my drop-box. But I want to warn, again, that due to the expedited posting of this topic, the program is far from even "beta" ready. I have tested it to generate some nice simple bar graphs currently with no axis labels, no error bars, nothing: just an x + y axis, and the data bars.
I'll put the dropbox link here, and post updates here. I'd love to get feedback or feature requests once this gets rolling.
EDIT: here's the source
Last edited by Trilby (2012-01-14 21:33:10)

To follow up - I still suspect when this tool is doing what I want it to, I will still edit my svg's by hand in a text editor. The primary goal of this tool is to automate many of the repetitive steps of coordinate conversions, and laying out the groups and tags appropriately.

SVG file with links to other SVG files - links don't work

I have an SVG image with a few dozen linked images, all of which are pointing to external SVG files. If I open the main SVG in a web browser, it loads up correctly with all the linked images, so I know the file is correct.
When I open it in illustrator, I get the following message:
Could not find a plug-in to read the linked file "test.svg". Choose Replace to select another file or Ignore to leave the link unchanged.
If I choose Ignore, the file loads up but the linked SVGs are removed. Obviously Illustrator doesn't really need a plugin to read an SVG file, because it loads the main SVG with no problem.
Meanwhile I have other links pointing to PNG files which all work fine. In fact I can open the main SVG, find one of the PNG links, and click Re-Link, and then link them to an SVG, and this will work! Although it doesn't work as desired, instead of making a link, it seems to import the external SVG's layers, which is not desired.
I'm pretty sure it's just one of those things that will never work, but does anyone have any thoughts on making it work?
FYI here's some source code from the main SVG, where it links to the external SVG:
<image overflow="visible" width="420" height="300" id="_x30_1_13_" xlink:href="images\graphics\SVG\test.svg" transform="matrix(0.2534 0 0 0.2534 438.8486 458.8145)">
</image>
this link, to a PNG, works just fine:
<image overflow="visible" width="420" height="300" id="_x30_1_14_" xlink:href="images\graphics\211.png" transform="matrix(0.2534 0 0 0.2534 246.3306 458.8145)">
</image>
and like I said, both links work fine when the main SVG is opened in a web browser.

I think the problem is that illustrator just isn't capable of linking to an SVG from within an SVG. Try it yourself with two very simple files, I just did.
create a "main.svg" with just a line
create a "link.svg" with another line
save a copy of link.svg as link.png (using export to web)
-- now you have three files, put them all in the same directory just to make life easy
in main.svg, file >> place >> link.png
-- illustrator will place the PNG as a linked image
in main.svg, file >> place >> link.svg
-- illustrator will import layers from the SVG, it will not place it as a linked image
If you save this file and open in a text editor, you'll see your image link to the PNG file, and you'll see two <line/> elements, one that you had in main.svg and another that you had in link.svg (it has now been imported into main.svg)
In the text editor, try duplicating the image link, and change the href of your duplicate to link.svg, then save.
Re-open main.svg in illustrator. It should give you the error message about the linked svg, the same one I saw originally.
I did all this using CS6. Then I tried opening the final main.svg file in CC and saw the same error message.

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

SVG Graph problem

I have an SVG graph with 2 series and I have 2 check boxes (let me call them Series1 and Series2 for this example) that control the display of this series. When I check Series1 , only the first series is to be displayed and on checking on series2 , the 2nd is to be displayed, if both are chcecked, both the series are displayed on the same SVG chart.
This actually works well but the problem is that if series 2 is checked without checking series 1 only a shadow of the series 2 is displayed, I guess the SVG chart attributes determining the X,Y coordinates and labels are not being invoked. However , if series 1 is checked it is displyed correctly, a proper chart with only Series 1, and if both are checked, it displays it correctly too. But if only Series2 is checked I get a shadow of the series against a white background, though the shape of the series output is right. The graph background, the legend, the X,Y corordinates etc are missing.It looks like the chart attributes are determined from the first series and so if that is not invoked, only a shadow if the other series are displyed. Can anyone help with this?
Thanks

i see what you mean re the second series depending on the first. i've logged it as a bug, too, thanks. consider working around the issue for now by setting up multiple svg regions on your page that fire conditionally based on the series to be shown. so for your example case you could have three regions - one for series1, one for series2, and one for both. you could then show the appropriate region based on whether series1, series2, or both series are to be displayed.
hope this helps,
raj

SVG Graphs displaying wrong graph

I have three SVG graphs which display based on the value of a hidden variable passed by clicking on a "driver" graph bar. All graphs are on the same page. Everything works fine until I have selected all the graph bars from the driver graph and then regardless of the bar I select from the driver, the dependent graphs all display the last graph shown(i.e. it's acting as if the SVG graphs are being displayed from cache). Seems like the children graphs should display correctly because the URL string changes every time a new graph bar is chosen in the driver graph. What am I doing wrong?

Hi,
Your requirement is explained by John
http://obiee101.blogspot.in/2009/04/obiee-showing-zero-in-bargraph.html
OR try below:
'0' is not viewable. Try using any case statement for changing the '0' values to some minimum value.
Hope this helps and resolves.
Regards
MuRam

Displaying SVG Graph

I have developed an SVG graph that displays my XML document
(generated by an .XSQL file) in a graph.
It works perfectly on most computers that I have tried it on,
but in two cases the browser, instead of displaying the page,
asks me if I would like to download or open the file xx.xsql.
And if I open it it doesn't work.
I have put my svg code in the XSL with the following output
methode type:
<xsl:output method="html"
standalone="no"
doctype-public="-//W3C//DTD SVG 20001102//EN"
doctype-system="http://www.w3.org/TR/2000/CR-SVG-
20001102/DTD/svg-20001102.dtd"
media-type="image/svg"/>
Do anybody knows what the problem could be?

This is a well know problem of IE 5.x version.
Explorer do not use mime header to launch the or show the content, instead of use url extension mechanism, then changing your xsql pages to .svg extension will work ok.
Another solutions is to pass a dummy parameter with the .svg extension, for example http://server:port/your_path/xx.xsql?dummy=xx.svg
Look at this address for full explanation, http://support.microsoft.com/support/kb/articles/Q177/3/21.ASP
Best regards, Marcelo.

Graph link target

Is there a way to define the target of the link in a 2D column Flash Chart?
In the general charts XML reference (link)
In Data -> Block -> Set
There's an attribute "url_target" which is suposed to have the default value "_blank"
In my resulting XML file, the value is just a null value (url_target="")
Any suggestion ?
Thanks
Max

Hi Dimitri
I solved my problem.
I wanted to open a new window on top of the one with the graph, something similar to <a href="mylink" target="_blank">...</a>but using the link specified in the query of the graph.
in case someone needs my solution, what I did was to create a javascript function in my page template:
<SCRIPT language="JavaScript">

</SCRIPT> and in my query I have
select 'javascript:newWindow(''myurl'')' link
label label,
value value
...the rest of the query...Max

Refresh/Redraw SVG Graph onChange of DatePicker

Hi,
Is it possible to redraw/refresh a graph when I change the time in a datepicker?
The graph is dependent on the datetime value for where it shows the corresponding graph values. The idea is that the user can change the time and either automatically refreshes graph or on pressing a button the graph will change to start at the new time
I've tried a general web search and nothing looks promising. I've also tried asynchronous autorefresh but this doesn't appear to obtain the new value of the date picker even if I change it.
Any ideas on how I could implement this in any way possible?
Thanks in advance
Regards,
Rory

Hi thols,
I pressume based on the description you made and the result after I run the code which you have attached, you have an issue with the missing Plot 0 when Plot 1 passes it? Have you tried removing the flat sequence structure?
Warmest regards,
Lennard.C
Learning new things everyday...

SVG graphs: microsoft jscript run time error

I have an application that uses SVG pie charts. A few months ago, we suddenly started to get an error message saying, "Microsoft JScript Runtime Error: Object expected, line: 1, column 26". After you click ok, the pie charts are displayed.
The only thing that has changed is that the application is now being run from Juniper. Also, if i run the application using Firefox instead of IE 7, we don't get the Microsoft JScript error. ( We are using Adobe SVG viewer for IE 7 given that IE doesn't have native support for SVG graphics).
Does anybody else have any similar problems or know what can be the cause of the error?

Hello,
What is Juniper?
Regards,
Carl
blog : http://carlback.blogspot.com/
apex examples : http://apex.oracle.com/pls/otn/f?p=11933:5

Pre-generation and linking of a graph

Our application is based on an oracle data which gets uploaded periodically (e.g. every week). Since online generation and rendering of SVG graphs takes time we are thinking of generating graphs ahead of time (i.e. after the upload).
Is it possible to pre generate SVG graphs (with hyperlinks) and use this image in the page?
Thanks

Hello,
There is no way with the built in APEX charts to prerender charts.
Are the SVG charts slow for you? If they are and your data only gets updated once a week and they are large datasets mayber you should look at using a materialized view to speed things up.
Carl

SVG Charts

Has anyone experienced the following. We have SVG graphs that displays hours by week for the last 15 weeks on a page. They displayed correctly in 10g, but after an upgrade to 11g, the weeks are out of order. We made sure that there is an order by clause in the query for the chart series. After doing this, the charts do not display. If you had this issue, what did you do to resolve it?
Thanks
Kevin

John,
That is correct. There were no order by clauses in the code to begin with. I inherited this application not to long ago. I tried your suggestion and get the same results. Maybe I am doing something wrong.
This works with the dates being scattered as to order.
select
null link,
ACTIVITY_MASTER.ACTIVITY_DATE Week,
NVL(SUM(ACTIVITY.HOURS),0) Hours
from
ACTIVITY_MASTER,
ACTIVITY
where
ACTIVITY_MASTER.NAME = :P510_NAME and
ACTIVITY_MASTER.ID = ACTIVITY.ACTIVITY_MASTER_FK(+) and
to_date(ACTIVITY_MASTER.ACTIVITY_DATE + 7) > to_date(sysdate - 98)
group by ACTIVITY_MASTER.ACTIVITY_DATE
This fails to draw a chart
select
null link,
ACTIVITY_MASTER.ACTIVITY_DATE Week,
NVL(SUM(ACTIVITY.HOURS),0) Hours
from
ACTIVITY_MASTER,
ACTIVITY
where
ACTIVITY_MASTER.NAME = :P510_NAME and
ACTIVITY_MASTER.ID = ACTIVITY.ACTIVITY_MASTER_FK(+) and
to_date(ACTIVITY_MASTER.ACTIVITY_DATE + 7) > to_date(sysdate - 98)
group by ACTIVITY_MASTER.ACTIVITY_DATE
order by ACTIVITY_MASTER.ACTIVITY_DATE
Kevin

How to put a side-value to a svg

Hello,
how can I put a page-item-value to a svg?
SELECT NULL
       ,v.datum
       ,round(v.q_month,2) wert
FROM   v_mp v
WHERE v.datum >= add_months(SYSDATE,-1)
AND    v.PC = :P1_PCThe result is 'no data found'
SELECT NULL
       ,v.datum
       ,round(v.q_month,2) wert
FROM   v_mp v
WHERE v.datum >= add_months(SYSDATE,-1)
AND    v.PC = 1That shows the right svg-graph...

Hello,
how can I put a page-item-value to a svg?
SELECT NULL
       ,v.datum
       ,round(v.q_month,2) wert
FROM   v_mp v
WHERE v.datum >= add_months(SYSDATE,-1)
AND    v.PC = :P1_PCThe result is 'no data found'
SELECT NULL
       ,v.datum
       ,round(v.q_month,2) wert
FROM   v_mp v
WHERE v.datum >= add_months(SYSDATE,-1)
AND    v.PC = 1That shows the right svg-graph...

SVG chart x axis values out of order

Hi
I have an application built in apex 3.0 that is running from apex 3.1.
It has an SVG chart with an x axis that displays the dates as
01-JUN-2008
01-MAY-2008
02-JUN-2008
02-MAY-2008
03-JUN-2008 etc.
what is wanted is that it displays the dates as
01-MAY-2008
02-MAY-2008
01-JUN-2008
02-JUN-2008
03-JUN-2008 etc.
I did not build this application so how do I start to debug this chart and get it to display the dates in sequential order.
Sorry, I know I have probably not given you much info but hopefully you can give me some pointers.
regards
Tony

Hi Tony,
Did you find your answer?
Try looking at this post.
order x-axis in svg-graph by date
you will need to create a subqueary
something like
SELECT DATE, OTHER1
FROM (SELECT DATE, sum(OTHER) as OTHER1
FROM MY_TABLE
group by DATE)
order by DATE
This worked for me.
Peter

SVG Graph link

Similar Messages

Maybe you are looking for