Apex Charts custom XML integration

Hi All,
I found a chart in Anycharts.com and downloaded its XML.I wanted to integrate this chart with apex. But the XML,which i downloaded uses data from a .csv file. How to integrate this XML with apex. I found we can edit the default XML in the chart generated by. But How does XML take the values from the query which we write. There is only #DATA# at the end of the chart generated by apex and no clue on how and in what format this Data comes.
Please help me out.
Thanks,
Ajay

Ajay -
Others may be able to explain this process better than I but I'll give it my best.
The #DATA# tag that you see in the default custom xml for a chart is a substitution string. When your page is rendered, APEX runs the queries associated with your chart and then creates XML based on the chart type of the series. Next, it takes this XML that it generated and puts it in the chart custom XML where that #DATA# tag is located.
There are other ways to get custom data into your chart. You can create the XML yourself in a page item and then insert the contents of that page item into the custom XML of the chart. This can be an advanced topic, but it really isn't too bad once you get the hang of it. The following link contains some pretty good examples of the things you can do. It even shows you how to format your SQL to obtain similar results. Custom XML generation is in the MISC tab. http://apex.oracle.com/pls/apex/f?p=36648:1:2979429292819853::NO I am not responsible for putting this page together, another forum member is, and perhaps they will chime in.
Hope this helps
Austin

Similar Messages

Chart, custom xml max lenth issue

Hi all.
I have a flash chart where i am using custom xml.
The problem i am facing is when i am reaching the limit of data which can be entered into the custom xml text area.
Is there any way around this?
Is it possible to include an external xml file for use with the chart?
Cheers.

Hi,
I created a simple workaround but still it can't be the best way to avoid this error.
Watch this forum thread: AnyChart gantt with custom xml and more then 32k
Tobias

Flash chart / custom XML

Hello everyone,
I was wondering if you could point me to a sort of "user's guide" or "developer's guide" for Anychart (the component that Apex uses to generate flash charts).
The "documentation" I found on their site (http://www.anychart.com/products/anychart/tutorials/xmlreference/index.html) can hardly deserve that name as it does not provide much detail.
Thank you,
Pablo

Hello Anton,
Thank you very much for the link. Anyways, I still wasn't able to find what I was looking for. Do you know if there's a way to add a line between the caption and its corresponding slice in a 3D pie chart? Regrettably, when there are a few values that represent a small portion of the pie, their captions overlap.
Thanks again,
Pablo

Dynamic custom XML in resource gantt

Hi all,
I want to create a Ressource Gantt Chart based on a dynamic XML - Source.
Here is what I have done so far:
1. Create a Table GANTT_INFO:
CREATE TABLE GANTT_INFO
EMP_ID NUMBER,
TASK VARCHAR2(255 BYTE),
PARENT_ID NUMBER,
START_DATE DATE,
END_DATE DATE,
STATUS NUMBER,
ACTIVITY VARCHAR2(80 BYTE)
2. Insert some values into the table GANTT_INFO
3. Create a new region based on <chart><flash chart><gant><resource gantt> with the following SQL - Query
SELECT NULL LINK,
EMP_ID,
TASK,
PARENT_ID,
START_DATE,
END_DATE
FROM GANTT_INFO
order by emp_id
4. Copy static XML - Source in the Chart XML as custom XML
Now I want to generate this XML - Source dynamicly using a DB - Procedure called by a Application Process and link the result into the Chart XML as custom XML.
Is there a possibility?
You can see the example here:
http://apex.oracle.com/pls/apex/f?p=35902:1
User: demo
Pwd: demo
Thanks.

Hi fiedlerm,
If you carry out a search on the forum on the topic of handling CLOBs, you'll see that many others have posted about this topic. For example, this particular thread - Returning a Clob to an Application Item - refers to my late colleague, Carl Backstrom's extremely useful packaged application, which demonstrates the use of AJAX to save & edit over 32k of text in a textarea, called "Save Large Value" on our Packaged Applications page on OTN: http://www.oracle.com/technetwork/developer-tools/apex/application-express/packaged-apps-090453.html#LARGE. Carl's example can be modified to make use of my previously suggested On Demand process, for the generation of your chart data. In the process you would need to create a collection called CLOB_CONTENT, and add the data clob to that collection, and also remove the setting of the textarea page item from the end of that process. The clob_Get() JavaScript function in Carl's example would then retrieve that clob value from the collection. Currently that value is being returned to the P3_TEXTAREA item on pg 3 of the application, however you could modify this to suit your needs and reference your own existing page items. Your chart custom XML will reference the textarea page item now holding the data retrieved via the clob_Get() call, and your data will be displayed on your chart.
I recommend downloading & installing the "Save Large Value" example, and try modifying that to suit your needs. I hope this helps.
Regards,
Hilary

How to pass apex item value into custom xml for chart or guage?

Re-opening the old thread : Re: How to pass apex item value into custom xml for chart or guage?
Which was not answered.
Roel - Thanks. Its working - but in a semi quotes in the custom XML
<pointers>
<pointer value= '&P5_RUNNING_TOTAL.'
<label enabled="true">
<position placement_mode="ByPoint" x="50" y="15" />
<format>{%Value}{numDecimals:1}</format>
<background enabled="false" />
</label>
</pointer>
</pointers>This question was helpful for us to resolving one recent thread : AnyChart - set Dial axis intervals dynamically?
(Re: AnyChart - set Dial axis intervals dynamically?
Edited by: P.Ranish on Dec 13, 2012 6:23 AM

P.Ranish wrote:
Is there any update for this question ???
Edited by: P.Ranish on Dec 13, 2012 3:36 AMNo, And there won't be in the future.
Please stop posting followup's to old threads, if you have a real problem please search the forum first and post a new question with all information
Roel wrote:
Try using &P5_RUNNING_TOTAL. or #P5_RUNNING_TOTAL#Just to make it clear - this will only work if page is reloaded after setting the item values dynamically via AJAX

Substitution in Custom XML section of a chart

Hello,
I am trying to do a substitution inside of "Custom XML" section of a "Resource Gantt" chart using &P5_GANTT_XML. (dot at the end - thanks fac586)
The substitution doesn't work! In the "Show XML" I can see null instead of expected value.
Seems this substitution is working in this demo http://apex.oracle.com/pls/apex/f?p=36648:60:3572101667083478::NO:::
Any idea?
Regards,
Gabriel
DB: 11.2.0.1.0 EE
Apex: 4.0.2
Server: Solaris 10 Sparc
Client: XP SP3
Browser: Firefox 3.6.13
Flash player: updated to latest version
Edited by: gabosu on Jan 5, 2011 11:07 AM
Edited by: gabosu on Jan 5, 2011 11:10 AM

In the thread
Re: Page item value in Flash chart XML
dated NOV-2007
Patrick Wolf wrote:
there seems to be something strange going on with the substitution of page items in the Custom XML. I already noticed that several weeks ago, but didn't pay much attention to the problem.
Have a look at the following application at http://apex.oracle.com/pls/otn/f?p=15535:5
username: demo
pwd: patricks_demo_workspace
It has a page item P5_TEST with a static assignment of "this is a x label". Everywhere where I reference it with &P5_TEST. or :P5_TEST during the rendering of the page the correct value is substituted as you can see on the example page.
Only the flash charts seems to use a NULL value! I have done a
...x_axis name="before-&P5_TEST.-after" smart="yes"... in the Custom XML.
Why is there this different behavior of substitution? Or do I miss something?
I made the same behavior - the substitution is triggering somehow but the result is NULL.
Example:
into Custom XML
<test>start-&P5_GANTT_XML.-end</test>
is returning
<test>start--end</test>
and
in the same time &P5_GANTT_XML. is working fine into the title of the region.
Edited by: gabosu on Jan 5, 2011 12:21 PM

AnyGantt Custom XML Apex 4.2.2

Hi guys,
Sorry to create a new post on this, but I'm having trouble following some of the previously posted solutions.
I'd like to use the AnyGantt Project chart but dynamically build the <project_chart> <tasks> tags so that I can leverage some of the additional feature of AnyGantt such as connectors etc, and generally control the display a little more. I've read a few posts about max 32 byte issues, however i thought i'd take tiny steps and see if i can build a simple output with 2 rows initially to ensure i can get Apex building the chart dynamically.
I've followed the post Dynamic custom XML in resource gantt and found this extremely helpful, especially the links to the demo site Hilary has created http://apex.oracle.com/pls/apex/f?p=36648:60
I've used this example to build my PL/SQL block which dynamically builds tags for me and I've tested this in SQL Developer and i know I'm getting the following tags :
<project_chart>
<tasks>
<task id="161" name="Prep" actual_start="2013.01.01" actual_end="2013.01.07" />
<task id="162" name="Workshop" actual_start="2013.01.07" actual_end="2013.01.14" />
</tasks>
</project_chart>
I understand the section in this example that explains how to replace the #DATA# string in the Custom XML region of the chart with a page item of &P23_DATA for example (P23_DATA is defined as a hidden item in the chart region), i've defined my PL/SQL block as an Application Process.....
.....however I'm having trouble understanding how this now links all together, in the example from Hilary the following steps are mentioned but i'm confused exactly where in my page is define them :
3. Edit the Chart Page to include the following JavaScript function, calling the On Demand process:
function getdata() {
var get = new htmldb_Get(null,$x('pFlowId').value,'APPLICATION_PROCESS=CHART_DATA',0);
gReturn = get.get('XML');
get = null;
and finally
8. To call the JavaScript function and ensure asychronous updates are
picked up, the region source has been updated to replace #CHART_REFRESH# with
the following:
<script type="text/javascript" language="javascript">
var chartName = '#CHART_NAME#';
chartName = chartName.substring(1);
getdata();
function chart_r#CHART_NAME#_InitRefresh(pNow) {
setTimeout("chart_r#CHART_NAME#_InitRefresh(true)",10000);
if (pNow){apex_RefreshFlashChart (60, chartName, 'en-us');
getdata();}
apex_SWFFormFix('#CHART_NAME#');
addLoadEvent(chart_r#CHART_NAME#_InitRefresh(false))
</script>
Thanks in advance guys
Glen

So I've managed to take a small step forward....and realised my last effort with using collections was a little bit of a waste of time.
I've gone back to reading the details posted by Hilary in Dynamic custom XML in resource gantt and using the sample pages supplied in the link http://apex.oracle.com/pls/apex/f?p=36648:60
Anyway I've managed to get my page to render an AnyGantt Gantt Project using the dynamic XML I've generated via PL/SQL, this is nice as I've been able to now build XML that allows me to take advantage of the <connectors> tag to links tasks together via a hierarchy of prerequisites.
Here is what I've done to date by using the examples supplied by Hilary.
Under 'Shared Components' and 'Logic' i have created an 'Application Processes' called CHART_DATA which holds the PL/SQL code that will generate my XML from the <project_chart> tag down. (Thanks Hilary for the code)
I then created a new page using the chart region and used my original SELECT statement.
Once the page was created, i added a Hidden Page Item to the Gantt region which was defined as P23_DATA.
I then added a 'AJAX Callbacks' under the 'Page Processing' section, this was defined as a 'Run on Demand Process', called CHART_DATA and pointed to the application process previously created called CHART_DATA.
I opened the Gantt region for editing and within the 'Chart Attributes' i selected to delete the Series that the wizard had previous defined when creating the Gantt originally.
Under the 'Chart XML' section is changed the 'Use Custom XML' to 'Yes' and edited the 'Custom XML' region, again by using the examples supplied by Hilary i removed the #DATA# and replaced it with my new hidden page item &P23_DATA. (please note the syntax includes an ampersand and a period at the end of the item name)
Now for the bit that i don't really understand....
Back to the main edit page screen, under the 'Page Rendering' section choose to edit the actual page and under the section 'JavaScript' there is a section labelled 'Function and Global Variable Declaration' which i sort of understand as a section to hold custom JavaScript code for function etc. I added the function previously supplied by Hilary
function getdata() {
var get = new htmldb_Get(null,$x('pFlowId').value,'APPLICATION_PROCESS=CHART_DATA',0);
gReturn = get.get('XML');
get = null;
Under the section beneath this labelled 'Execute when Page Loads', i supplied add a call to the above mentioned function.
getdata();
So this kind of works for me at the moment, however when the data changes in the base table which holds the tasks i need to close the page and reload multiple times for the data to be refreshed. This is the section in the example from Hilary i'm still having a little trouble with, the example page Hilary supplied mentioned the following :
8. To call the JavaScript function and ensure asychronous updates are
picked up, the region source has been updated to replace #CHART_REFRESH# with
the following:
<script type="text/javascript" language="javascript">
var chartName = '#CHART_NAME#';
chartName = chartName.substring(1);
getdata();
function chart_r#CHART_NAME#_InitRefresh(pNow) {
setTimeout("chart_r#CHART_NAME#_InitRefresh(true)",10000);
if (pNow){apex_RefreshFlashChart (60, chartName, 'en-us');
getdata();}
apex_SWFFormFix('#CHART_NAME#');
addLoadEvent(chart_r#CHART_NAME#_InitRefresh(false))
</script>
However i can't actually find on my page where this might live, i'm guessing somewhere in the Gantt region itself however maybe the pages have changed since Hilary originally wrote this.
Thanks
Glen

Setting Custom XML = Yes in resource gantt chart removes start & end dates

I'm having a strange issue with a Resource Gantt chart in Apex 4.0.2.
I built the chart using the Wizard and changed nothing from the defaults. Everything looks/acts fine on the chart when Use Custom XML = No. But I wanted to change a couple things like cell alignment and width, so I set this to Yes and modified the column attributes in the XML code. After doing so, when running the report, the values for Start Date and End Date are not showing. This is happening in both the datagrid and the tooltips, but the timeline is still showing the right information (ie a bar from start to end), so I know it still knows what the correct start and end dates are.
Thinking I accidentally messed something up, I deleted the chart and recreated it (again, from the wizard). This time, I went back and only set Use Custom XML = Yes but did not change anything within the XML code itself. To my surprise, the dates were still missing. If I set it back to No then they reappear.
Has anyone seen this before and/or know a way to fix it?
Thanks,
~ John

Hej John,
APEX itself is using a field substitution "&DATE_FORMAT." to insert the date format into the XML file. This field substituion is used in may location in the default XML. APEX standard action is to substitute it with the value specified in the Gantt Setting "Date Format". This substitution takes place many places in the default XML file.
Enabling custum XLM also means disabling APEX XML handling, the substitution does not take place, the "&DATE_FORMAT." contains in this case a null value.
The default XML file, which can be viewed in apex developer mode, looks like:
Start Date: {%ActualStart}{dateTimeFormat:&DATE_FORMAT.}
The runtime XML, which can be viewed in debug mode, contains something like:
Start Date: {2011.07.21 00:00:00}{dateTimeFormat:}
...a null value is not a valid AnaGantt date format.
Two solutions:
a) insert a correct AnyGannt date formatter in the custom XML like
Start Date: {%ActualStart}{dateTimeFormat%YYYY.%MM.%dd %HH:%mm:%SS}
or
b) create a field DATE_FORMAT on page containg the chart and intialize it with the AnyGantt date formatter like %YYYY.%MM.%dd %HH:%mm:%SS".
When running the page the substitution will take place usually.
Regards,
Benny

Changing the custom XML for a flash chart dynamically

Hello
I am wondering if anyone has found a way to change the custom XML
for a flash chart dynamically.
For instance.
On the www.anychart.com website their is a gallery with charts.
I have studied one called "2Dlinetimechart. It has hours on the X-axis.
When I view the XML for this chart.
I found this enrty
- <block color="0x0080C0" border_color="0x0080C0" name="Sales dept.">
<set value="0" argument="0" name="00:00" />
<set value="1" argument="0" name="01:00" />
It uses the tag value to set the position on the X-axis. But the tag name to set the labels on the X-axis.
I have not found a way to do this in application express 3.0.
Therefore I wonder if I can change to XML dynamically, and build my own block based on the input I have.
Or even build a chart, based on a xml that I create first then sends to the object that renders the chart.
Hope this makes sence ?
Ulf
PS this is related to my question about
http://forums.oracle.com/forums/thread.jspa?messageID=1887210?
using dates on the x-axis.
But would by nice to know a general method to rebuild the xml-file dynamically so I can change the chart within the limits of the xml-definition.

String value = ResultSet.getObject("myfield").toString();
String opvalue = "15";
<OPTION Value=15 <%=((opvalue.equals(value))?"selected":"")%>>

Chart Issue, tooltip separator / on custom XML sustitution not working

I did not find the way to declaratively change the Tooltip label separator in the chart, I see the XML contains this:
<tooltip_settings enabled="true">
<format><![CDATA[{%Name}{enabled:False} - {%Value}The problem is the "-" minus sign as separator between the label and the value - even if the Y axis show where the 0 is, some user might see them as negative number.
On option is to use custom XML. In that case, since I'm using &ITEM_NAME. in the chart title, this is not replaced.
Any idea how to overcome on these issue?
Thanks,
Peter

I did not find the way to declaratively change the Tooltip label separator in the chart, I see the XML contains this:
<tooltip_settings enabled="true">
<format><![CDATA[{%Name}{enabled:False} - {%Value}The problem is the "-" minus sign as separator between the label and the value - even if the Y axis show where the 0 is, some user might see them as negative number.
On option is to use custom XML. In that case, since I'm using &ITEM_NAME. in the chart title, this is not replaced.
Any idea how to overcome on these issue?
Thanks,
Peter

Link not working on a pie chart which uses a customized XML

Hi,
I have created a pie chart which uses customized XML.
For this, i am using database function. This function returns a customized XML which is eventually used by chart.
But the problem now i am facing is the link on chart is not working . I have to navigate to another page from this chart sending value of link attribute.
Can someone help me out , in how to create link in such case ?
Thanks in advance.
Edited by: Vaibss on Feb 22, 2011 10:49 PM

Good news: I've found that the directive
-Dlog4j.configuration=/home/myServer/Oracle/Middleware/wlserver_10.3/server/bin/log4j.properties
shuld be instead:
-Dlog4j.configuration=file:/home/myServer/Oracle/Middleware/wlserver_10.3/server/bin/log4j.properties
- noticed that <<file:>> ? VERY important...
This way the log4j logging works also on a standalone WLS.
reference:
http://jaikiran.wordpress.com/2006/07/05/i-get-log4jwarn-no-appenders-could-be-found-for-logger-message-2/
Sergio.

Oracle Apex Charts - Download Options

Hi All,
Am working on charts for my client to give pictorical representations of data and i have used custom XML and dynamic XML generation too to achieve this. Now my next requirement is, can we download the chart to PDF or CSV or Excel, similar to download an Interactive Report from Apex.
Am using Oracle Apex Version 4.0.2.00.07.
And DB, Oracle 10g.
Please advice upon this.
Thanks in advance.
Regards,
Sakthi.

Hi Tony,
Thanks for your valuable reply, it really helps me out to give a saolution to the customer.
But, in my application i have a parent HTML region and i have two chart region as child. Now i am able to use the option save as PDF for each chart region separately, but my client needs, there must be a single export button or anything like that which allows them to export the multiple charts (multiple char regions) in a single PDF file.
Is it possible in Apex? Please help me.
Thanks in advance.
Regards,
Sakthi.

Chart's XML limitation??

Hi,
I am currently using Anychart 5. I am using a custom xml.
Here's what I do. I have 5 hidden items that all contains the xml for different series. And in the custom xml part I put this :
<data>
&P2_1_XML.
&P2_2_XML.
&P2_3_XML.
&P2_4_XML.
&P2_5_XML.
</data>
Now I don't go over the limit in the APEX builder, but when I run it, the chart is either stuck at the "Initializing" part or I simply get a "Not Found" http error.
Is there some kind of work around? Is this limitation known?
Thank you

Me too, in my SVG pie chart, the last row legend text was truncated. just like:
deal size > 70k - 92.5%
deal size
I actually expected in the second row, deal size <= 70k ...
What happened? and how can I control this, moreover the legend was displayed in the left upper of the region and cost a lot width in my screen. Can I change to display the legend in other place, eg. the bottom of the region or the chart?
Anyone can help us about this?

Apex Chart with multiple y-axis

Hi,
I am using the build-in flash Apex chart which I understand to be a subset of the Anychart.
I have the following problem, I have two series, which I am displaying in a 3D Bar Chart on a horizontal view with two Y-Axis. This works well, the problem is that each Y -Axis has a different scale. I am not setting the min or max value range for either of the y-axis as I do not know what this value range may be at the time of rendering the chart to the application user.
So as it turns out, the left y-axis has a value range from zero to 100 and the right y-axis has a value range from zero to 50 and the application users are finding this difficult and confusing as they are only looking at the bars represented in the chart and assuming that as the two bars, i.e. one form each series look similar in size, they have the same value and this can not be further from the true, as one y-axis is showing a value range twice as big as the other y-axis.
So my question is how do you customise the chart so that the value range on both y-axis is the same. i.e., the largest of the two?
Application Express 4.0.2.00.07
Thank you

You can't get axis scale variables to work in the APEX declaritive GUI because it's not designed for that. You will have to switch to custom XML.
Set everything you want -- that you can set -- because once you switch to XML, if you switch back I think you lose all those custom settings. Then when you set Custom to "Yes", drag the window widget to enlarge the window so you can edit more easily.
Find the y_xis section of the XML.
        <axes>
          <y_axis >
            <scale   mode="Normal"    />
            <title>
              <text>Directory Size (Gigabytes)</text>
              <font family="Tahoma" size="16" color="0x000000" />
            </title>
            <labels enabled="true" position="Outside">
              <font family="Tahoma" size="10" color="0x000000" />
              <format><![CDATA[{%Value}{numDecimals:1,decimalSeparator:.,thousandsSeparator:\,}]]></format>
            </labels>
            <major_grid enabled="True" interlaced="false">
                <line color="Black" />
              </major_grid>
<minor_grid enabled="True">
              </minor_grid>
          </y_axis>You want to change the scale line between <y_axis>   </y_axis> to
<scale mode="Normal" maximum="100" minimum="0" />Or maybe it's just <scale maximum="100" minimum="0" />Except instead of constants, you want variables. I'm not sure you can use bind variable (:P7_YMAX, :P7_YMIN) you may have to use (#YMAX#, #YMIN#) variables.
I would make a new page and experiment with some VERY simple data -- maybe constants in a SELECT -- SELECT ..., 1, 2, 3 from dual ...... until you get what works.
And, again. This assumes you decide on some computation to compute the values of (:P7_YMAX, :P7_YMIN) or (#YMAX#, #YMIN#) you want it to use.
Howard

2-d column chart, custom X-Axis labels

Been looking through this forum and anychart's and did no t find an example of customizing a 2d chart in the following fashion..
Data I have is month report data for a period of 12 months or more..
Each x-axis item has a month & year label right now
Customers are wanting the following accomplished:
Show each month label, but for every 12th month period, show the Year centered for the period..
I know it will involve custom XML, but for the life of me I am drawing a blank.. I looked briefly at some demos online (Hilary's I Believe and am not sure how to go forward)
Sample Application posted on Apex.Oracle.com
Workspace: Homeworld
User: demo
Password: demo
App ID: 28970 - Percent in report issue
Page : 5, Sample chart
Thanks again folks!
Tony Miller
Dallas, TX

Tony,
Does this version of your SQL do the trick?SELECT NULL link,
       CASE
          WHEN TO_CHAR (date_charged, 'MON') = 'JAN'
          THEN
                TO_CHAR (date_charged, 'MON')
             || ' '
             || TO_CHAR (date_charged, 'YYYY')
          ELSE
             TO_CHAR (date_charged, 'MON')
       END
          datee,
       amount / 10000
FROM ( SELECT *
            FROM test_chart_data
        ORDER BY date_charged ASC)Tried it in a new page (6) but the chart is not returning all 40 rows.
Jeff

Apex Charts custom XML integration

Similar Messages

Maybe you are looking for