XML Driven 3D Animated Flash Charts

Hi,
I want to create a 3d XML driven animated chart. Can anyone help me for that?
Thanks
Pinal

I do have pretty good idea. But it is unrealistic to expect someone will walk you through development of entire application.
Charts, especially 3D charts, are quite advanced tasks and require deep knowledge of ActionScript and its Graphics functionality along with trigonometry and 3D concepts/techniques.
If you just need charts - you can use available packages. Charts come with Flash Builder. Yahoo has its free astra charts. You may want to use them.

Similar Messages

How to make animated flash charting?

Hi
I am trying to use the flash chart components. How can I
create an animated chart.
Regards.

This is way too general a question - flash has its own set of
drawing tools or you can import
graphics - tell us what you are trying to animate and be
specific.
Chris Georgenes
Adobe Community Expert
www.mudbubble.com
www.keyframer.com
www.howtocheatinflash.com
Janet A. wrote:
> Is the easiest way to do this to use a photo in
Photoshop or a drawing in Illustrator and turn them into an
animated gif?
>
> But I want to show the image mov ing?

Flash Charts - How to manipulate the #data# replacement string in XML

I have a problem with the XML file for a flash chart. I am trying to display a 2dColumn chart of an SQL query with the general form:
select null link, x as name, sum(y) as value from z group by (x);
this generates multiple rows, which are displayed as a bar in the chart. So far so good. The problem is, that each row is defined as a block in the chart, but only one name entry is created "value", which is displayed in the legend of the chart.
I can display the block names on the x-axis of the chart, however, I can't rotate them, so that they don't overlap in the display, which I would be able to do with names. I assume, that the blocks are defined in the #data# replacement string of the XML file. I would like to change the generated XML replacement string from the SQL to make each row selected a different name, and only have one block ("value").
What would be the easiest way to achieve this?

user587996,
There's no way to manipulate the #data# replacement directly, but you could generate your own XML (see Re: Apex changing nulls to zeroes when creating Flash Charts for one way to do it).
When you say "I can't rotate them, so that they don't overlap in the display" -- have you tried the Labels Rotation chart attribute, or is that not working?
- Marco

Auto refresh flash chart not working (APEX 3.1)

Hi All
I followed the instructions on how to update auto refresh flash charts on the following page:
http://www.inside-oracle-apex.com/2007/04/auto-refresh-flash-charts-in-apex-30.html
Is there anything else that needs to be done? I dont get a 'last refreshed' date, nor does the chart refresh itself.

user447071,
I would check:
1) Can you access the flash files directly? Look at the page's HTML to find reference to an SWF file, then try to access that from the URL.
2) Is the XML coming back properly? Run the page in debug mode, then click the "Show XML" link after the Flash chart.
- Marco

Flash Charts not working after 3.1 install

I installed Apex 3.1 and ran the sample application. Everything seems to work fine except the chart page. I get some lines but no graph. I am using the PL/SQL gateway if that makes a difference. This is the first time I've not used the HTTP server.
Has anyone else had this problem?

user447071,
I would check:
1) Can you access the flash files directly? Look at the page's HTML to find reference to an SWF file, then try to access that from the URL.
2) Is the XML coming back properly? Run the page in debug mode, then click the "Show XML" link after the Flash chart.
- Marco

XML Driven Flash Photo Gallery Thumbnails

Hi,
I need to make a XML Driven Photo slide in Flash CS5.
It needs to have a Box that contains 5 Thumbnails(by XML) act as buttons.
The Box sits on top of the Main photo area and shrinks (or close out) when user click its close button. And it opens out by clicking on a open button.
I'm sure it can be done by using timeline, Tweening or you name it..But what about the Thumbnails that run from the XML file?
Can they disappear with the Box and retrieve when it opens? is it possible?
If yes, what would be the best way to do that?
Any comment would be greatly appreciated!
Here is the ActionScript.
import flash.net.URLRequest;
import flash.net.URLLoader;
import flash.events.Event;
import fl.controls.Button;
import flash.display.Shape;
import flash.events.MouseEvent;
import flash.display.MovieClip;
import flash.display.Loader;
import flash.text.TextField;
import fl.transitions.*;
import fl.transitions.easing.*;
import flash.display.Shader;
var hasloaded:Boolean = false;
var firstLoaded:Boolean = false;
var barWidth:int;
var barHeight:int;
var images;
var imageCount:int;
var thumbnailArray:Array = new Array();
var bigImageArray:Array = new Array();
var descriptionArray:Array = new Array();
var xmlLoader:URLLoader = new URLLoader();
var imageXML:XML = new XML();
xmlLoader.addEventListener(Event.COMPLETE, LoadXML);
xmlLoader.load(new URLRequest("slideshow.xml"));
function LoadXML(e:Event):void {
 imageXML = new XML(e.target.data);
 ParseImages(imageXML);
Populates the arrays with the image values
and the text for each picture.
function ParseImages(imageInput:XML):void {
 var iconList:XMLList = imageInput.image.icon;
 var mainImageList:XMLList = imageInput.image.mainimage;
 var descriptionList:XMLList = imageInput.image.description;
 for (var i:int = 0; i < iconList.length(); i++) {
 var imageElement:XML = iconList[i];
 //trace(imageElement);
 thumbnailArray[i] = imageElement;
 for (var j:int = 0; j < mainImageList.length(); j++) {
 var mainimageElement:XML = mainImageList[j];
 //trace(mainimageElement);
 bigImageArray[j] = mainimageElement;
 for (var l:int = 0; l < descriptionList.length(); l++) {
 var descriptionElement:XML = descriptionList[l];
 //trace(descriptionElement);
 descriptionArray[l] = descriptionElement;
 loadImages();
function loadImages():void{
 trace("inside of loadimages function.");
 trace(thumbnailArray.length);
 for(var i:int=0; i < thumbnailArray.length; i++){
 trace(thumbnailArray[i]);
 populateContainers(thumbnailArray[i], i);
 //populateContainers2();
 trace("Loaded " + thumbnailArray[i]);
var loader:Loader;
var xStart = -210;
var ypos = -34;
var currentPos = xStart;
var incrementValue = 66;
This takes in the name of the image file and
displays it within the newly created movie clip
function populateContainers(file:String, pos:int):void{
 //create a movie clip to hold the image
 var mc:MovieClip = new MovieClip();
 mc.graphics.beginFill(0xFFFFFF);
 mc.graphics.drawRect(0, 0, 50, 51);
 mc.graphics.endFill();
 mc.buttonMode = true;
 mc.x = currentPos;
 mc.y = ypos;
 mc.name = "thumb_" + pos;
 mc.addEventListener(MouseEvent.CLICK, clickHandler);
 loader = new Loader();
 //loader.mask = imagemask;
 var url:URLRequest = new URLRequest(file);
 loader.contentLoaderInfo.addEventListener(Event.COMPLETE, loadInitialImage);
 loader.load(url);
 //add the image to the movie clip
 mc.addChild(loader);
 this.imageBar.addChild(mc);
 //increment the currentPos
 currentPos += incrementValue;
function clickHandler(e:MouseEvent):void{
 var str:String = e.currentTarget.name;
 var index:int = int(str.substr(6,1));
 if(hasloaded) {
 this.mainWindow.removeChild(loader);
 loader = new Loader();
 loader.load(new URLRequest(bigImageArray[index]));
 this.mainWindow.addChild(loader);
 TransitionManager.start(this.mainWindow,{type:Fade, direction:Transition.IN, duration:2, easing:Regular.easeOut});
 //setChildIndex(loader, 0);
 hasloaded = true;
 loadText(index);
function loadText(index:int):void {
 Object(this).imageBar.txtdescription.text = descriptionArray[index];
function loadInitialImage(event:Event):void {
 if(!firstLoaded) {
 loader = new Loader();
 loader.load(new URLRequest(bigImageArray[0]));
 this.mainWindow.addChild(loader);
 TransitionManager.start(this.mainWindow,{type:Fade, direction:Transition.IN, duration:2, easing:Regular.easeIn});
 //setChildIndex(loader, 0);
 hasloaded = true;
 loadText(0);
 firstLoaded = true;
/* This section defines the buttons that control the image bar */
Object(this).imageBar.btnBarOpen.addEventListener(MouseEvent.MOUSE_UP, openImageBar);
function openImageBar(event:MouseEvent):void {
 this.gotoAndPlay(1);

thank you!

XML Driven Flash Photo Gallery Thumbnails Control

Hi, I need to make a XML Driven Photo slide in Flash CS5.
It needs to have a Box that contains 5 Thumbnails(by XML) act as buttons.
The Box sits on top of the Main photo area and shrinks (or close out) when user click its close button. And it opens out by clicking on a open button.
I'm sure it can be done by using timeline, Tweening or you name it..But what about the Thumbnails that run from the XML file?
Can they disappear with the Box and retrieve when it opens? is it possible?
If yes, what would be the best way to do that?
Any comment would be greatly appreciated!
Here is the ActionScript.
import flash.net.URLRequest;
import flash.net.URLLoader;
import flash.events.Event;
import fl.controls.Button;
import flash.display.Shape;
import flash.events.MouseEvent;
import flash.display.MovieClip;
import flash.display.Loader;
import flash.text.TextField;
import fl.transitions.*;
import fl.transitions.easing.*;
import flash.display.Shader;
var hasloaded:Boolean = false;
var firstLoaded:Boolean = false;
var barWidth:int;
var barHeight:int;
var images;
var imageCount:int;
var thumbnailArray:Array = new Array();
var bigImageArray:Array = new Array();
var descriptionArray:Array = new Array();
var xmlLoader:URLLoader = new URLLoader();
var imageXML:XML = new XML();
xmlLoader.addEventListener(Event.COMPLETE, LoadXML);
xmlLoader.load(new URLRequest("slideshow.xml"));
function LoadXML(e:Event):void {
 imageXML = new XML(e.target.data);
 ParseImages(imageXML);
Populates the arrays with the image values
and the text for each picture.
function ParseImages(imageInput:XML):void {
 var iconList:XMLList = imageInput.image.icon;
 var mainImageList:XMLList = imageInput.image.mainimage;
 var descriptionList:XMLList = imageInput.image.description;
 for (var i:int = 0; i < iconList.length(); i++) {
 var imageElement:XML = iconList[i];
 //trace(imageElement);
 thumbnailArray[i] = imageElement;
 for (var j:int = 0; j < mainImageList.length(); j++) {
 var mainimageElement:XML = mainImageList[j];
 //trace(mainimageElement);
 bigImageArray[j] = mainimageElement;
 for (var l:int = 0; l < descriptionList.length(); l++) {
 var descriptionElement:XML = descriptionList[l];
 //trace(descriptionElement);
 descriptionArray[l] = descriptionElement;
 loadImages();
function loadImages():void{
 trace("inside of loadimages function.");
 trace(thumbnailArray.length);
 for(var i:int=0; i < thumbnailArray.length; i++){
 trace(thumbnailArray[i]);
 populateContainers(thumbnailArray[i], i);
 //populateContainers2();
 trace("Loaded " + thumbnailArray[i]);
var loader:Loader;
var xStart = -210;
var ypos = -34;
var currentPos = xStart;
var incrementValue = 66;
This takes in the name of the image file and
displays it within the newly created movie clip
function populateContainers(file:String, pos:int):void{
 //create a movie clip to hold the image
 var mc:MovieClip = new MovieClip();
 mc.graphics.beginFill(0xFFFFFF);
 mc.graphics.drawRect(0, 0, 50, 51);
 mc.graphics.endFill();
 mc.buttonMode = true;
 mc.x = currentPos;
 mc.y = ypos;
 mc.name = "thumb_" + pos;
 mc.addEventListener(MouseEvent.CLICK, clickHandler);
 loader = new Loader();
 //loader.mask = imagemask;
 var url:URLRequest = new URLRequest(file);
 loader.contentLoaderInfo.addEventListener(Event.COMPLETE, loadInitialImage);
 loader.load(url);
 //add the image to the movie clip
 mc.addChild(loader);
 this.imageBar.addChild(mc);
 //increment the currentPos
 currentPos += incrementValue;
function clickHandler(e:MouseEvent):void{
 var str:String = e.currentTarget.name;
 var index:int = int(str.substr(6,1));
 if(hasloaded) {
 this.mainWindow.removeChild(loader);
 loader = new Loader();
 loader.load(new URLRequest(bigImageArray[index]));
 this.mainWindow.addChild(loader);
 TransitionManager.start(this.mainWindow,{type:Fade, direction:Transition.IN, duration:2, easing:Regular.easeOut});
 //setChildIndex(loader, 0);
 hasloaded = true;
 loadText(index);
function loadText(index:int):void {
 Object(this).imageBar.txtdescription.text = descriptionArray[index];
function loadInitialImage(event:Event):void {
 if(!firstLoaded) {
 loader = new Loader();
 loader.load(new URLRequest(bigImageArray[0]));
 this.mainWindow.addChild(loader);
 TransitionManager.start(this.mainWindow,{type:Fade, direction:Transition.IN, duration:2, easing:Regular.easeIn});
 //setChildIndex(loader, 0);
 hasloaded = true;
 loadText(0);
 firstLoaded = true;
/* This section defines the buttons that control the image bar */
Object(this).imageBar.btnBarOpen.addEventListener(MouseEvent.MOUSE_UP, openImageBar);
function openImageBar(event:MouseEvent):void {
 this.gotoAndPlay(1);

thank you!

Flash Lite XML Driven Gallery Simple Question

Hello Flash Lite Gurus',
Someone Named "Mr. Samir K. Dash;" did a wonderful tutorial regarding Flash Lite XML driven Photo Gallery, and I have just a small question:
1> I changed the attributes schema of the xml as attached and noticed that it is not working, and I wonder what could be the reason (please see the attached XML new attribute schema, I didn't change fields names, I just changed the way the attributes' schema looks like).
The link to the tutorial is the following:
http://www.adobe.com/devnet/devices/articles/xml_photo_gallery.html
Looking forward to your help
best regards
Talal

As I look at your modified XML file, you need to make major changes in the script.
You have changed the attributes to become child nodes. So, you will need to use firstChild.nodeValue or childNodes[i].nodeValue everywhere.
Regards,
Hemanth Sharma
http://www.flashlitehub.com/blog

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":"")%>>

Looking for a non XML driven Flash banner rotator

I am looking for a non XML driven Flash banner rotator, something where I can load my images into the FLA and publish. The only rotators I can seem to find have external XML/image files, etc.
All I want to do is create simple SWF's that I can use to display rotating images preferably is a smooth and stylish manner. Does anyone know of any, or could point me in the right direction?
Many thanks for any help you may be able to offer and I am willing to follow any tutorials.

Hi
I wonder why not show you how to use Quicktime.
Because I would use the html5 audio, that way the browser chooses the 'player' to use, and I wanted to give the OP the choice -
<audio controls preload="auto" autobuffer>
<source src="elvis.mp3" />
<source src="elvis.ogg" />

</audio>
PZ

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

How to display 3 lines in an AnyChart candlestick flash chart ?

Hi,
I have a nice Candlestick flash chart and I am using Anychart 5.1.2. i would like to display 3 horizontal bar lines on this chart.
The values on the y axis on these 3 bar lines are contained into 3 items. Do you have an idea on how to display these lines with the XML ? Here is the XML existing.
<?xml version = "1.0" encoding="utf-8" standalone = "yes"?>
<root>
<type>
 <chart type="Candlestick">
 <animation enabled="no"/>
 <hints auto_size="yes">
 <text><![CDATA[{NAME}
Niveau maxi: {HIGH}
Niveau moyen: {OPEN}
Niveau mini: {LOW}]]>
</text>
 
 </hints>
 <names show="yes" width="150" placement="chart" position="bottom" >
 
 </names>
 <values show="no" prefix="" postfix=" m ngf" decimal_separator="." decimal_places="0" />
 <arguments show="no" />
 <candlestick_chart>
 <bulls>
 <background enabled="yes" color="White" />
 </bulls>
 <bears>
 <background enabled="yes" color="Black" />
 </bears>
 </candlestick_chart>
 </chart>
 <workspace>
 <background enabled="yes" type="solid" color="0xffffff" alpha="0" />
 <base_area enabled="no" />
 <chart_area enabled="yes" x="80" y="50" width="670" height="280" deep="0">
 <background enabled="no"/>
 <border enabled="yes" size="1"/>
 </chart_area>
 <name text="&P8_SITE_AFF. - Niveau du &P8_DATE_DEBUT. au &P8_DATE_FIN. - Pas de temps : &P8_TRUNC. (DD : Jour, HH24 : Heure, MI : Minute)" >
 
 </name>
<x_axis name="Niveau min : &P8_NIVEAU_MIN. m ngf - Niveau max : &P8_NIVEAU_MAX. m ngf - Niveau moyen : &P8_NIVEAU_MOYEN. m ngf" smart="yes" position="center_bottom" >
 
 </x_axis>
 <y_axis name="Niveau" smart="yes" position="left_center" >
 
 </y_axis>
 <grid>
 <values />
 </grid>
 </workspace>
 <legend enabled="no"/>
</type>
#DATA#
</root>Thank you for your kind help.
Christian

Hi,
I have a nice Candlestick flash chart and I am using Anychart 5.1.2. i would like to display 3 horizontal bar lines on this chart.
The values on the y axis on these 3 bar lines are contained into 3 items. Do you have an idea on how to display these lines with the XML ? Here is the XML existing.
<?xml version = "1.0" encoding="utf-8" standalone = "yes"?>
<root>
<type>
 <chart type="Candlestick">
 <animation enabled="no"/>
 <hints auto_size="yes">
 <text><![CDATA[{NAME}
Niveau maxi: {HIGH}
Niveau moyen: {OPEN}
Niveau mini: {LOW}]]>
</text>
 
 </hints>
 <names show="yes" width="150" placement="chart" position="bottom" >
 
 </names>
 <values show="no" prefix="" postfix=" m ngf" decimal_separator="." decimal_places="0" />
 <arguments show="no" />
 <candlestick_chart>
 <bulls>
 <background enabled="yes" color="White" />
 </bulls>
 <bears>
 <background enabled="yes" color="Black" />
 </bears>
 </candlestick_chart>
 </chart>
 <workspace>
 <background enabled="yes" type="solid" color="0xffffff" alpha="0" />
 <base_area enabled="no" />
 <chart_area enabled="yes" x="80" y="50" width="670" height="280" deep="0">
 <background enabled="no"/>
 <border enabled="yes" size="1"/>
 </chart_area>
 <name text="&P8_SITE_AFF. - Niveau du &P8_DATE_DEBUT. au &P8_DATE_FIN. - Pas de temps : &P8_TRUNC. (DD : Jour, HH24 : Heure, MI : Minute)" >
 
 </name>
<x_axis name="Niveau min : &P8_NIVEAU_MIN. m ngf - Niveau max : &P8_NIVEAU_MAX. m ngf - Niveau moyen : &P8_NIVEAU_MOYEN. m ngf" smart="yes" position="center_bottom" >
 
 </x_axis>
 <y_axis name="Niveau" smart="yes" position="left_center" >
 
 </y_axis>
 <grid>
 <values />
 </grid>
 </workspace>
 <legend enabled="no"/>
</type>
#DATA#
</root>Thank you for your kind help.
Christian

How to remove values data points from Apex3 Flash Chart

Hi
I am using a Apex 3.2 and I have to put Flash Charts in my application. But since the charts have are smaller in size, I do not want to have the data points coming up in the chart. I have planned to show them using hints. But unfortunately, I am not able to hide the Data Points. Can you please help. Thanks Sahcin. Here is my custom XML.
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<root>
 <type>
 <chart type="Stacked Horizontal 2DColumn">
 <animation enabled="no"/>
 <hints enabled='yes' auto_size='no' width='200' height='20' horizontal_position='left' vertical_position='top'>
 <text><![CDATA[{NAME}, {VALUE}]]></text>
 
 <background color="0xF4F4F4"/>
 </hints>
 <arguments show="no"/>
 <names show='yes' position='top'/>
 <values show="no" prefix="$" postfix="" decimal_separator="." thousand_separator=',' decimal_places="2"/>
 <column_chart column_space='20' block_space='20' left_space='0' right_space='0' up_space='0' down_space='0' round_radius='0'>
 <border enabled="no"/>
 <block_names enabled="yes" placement="chart" rotation="45" x_offset="0" position="left">
 
 </block_names>
 <background type="gradient" gradient_type="linear">
 <alphas>
 <alpha>100</alpha>
 <alpha>100</alpha>
 <alpha>100</alpha>
 </alphas>
 <ratios>
 <ratio>0</ratio>
 <ratio>120</ratio>
 <ratio>0xFF</ratio>
 </ratios>
 </background>
 </column_chart>
 </chart>
 <workspace>
 <background enabled="yes" type="solid" color="0xF4F4F4" alpha="0"/>
 <base_area enabled="no"/>
 <chart_area enabled="yes" x="100" y="50" width="600" height="300" deep="0">
 <background enabled="yes" type="solid" color="0xCCFF99"/>
 <border enabled="yes" size="1"/>
 </chart_area>
 <x_axis name="Region" smart="yes" position="left_center">
 
 </x_axis>
 <y_axis name="Booking Amount (kUSD)" smart="yes" position="center_bottom">
 
 </y_axis>
 <grid>
 <values>
 <lines size='1' color='0x15771A' alpha='100'/>
 </values>
 </grid>
 </workspace>
 <legend enabled="yes" x="0" y="0" rows="2" rows_auto_count="no">
 <names width='80' enabled='yes'/>
 </legend>
 </type>
 #DATA#
</root>Edited by: user779712 on Nov 3, 2009 4:45 PM
Edited by: user779712 on Nov 3, 2009 4:46 PM

Well going in point by point and deleting is certainly one way of going about it. Of course that would defeat the entire purpose of having this great programming enviroment that is capable of doing that kind of thing for us.
Is your text file small enough to upload? Obviously you know what the criteria are for judging whether or not a data point is acceptable so it should be simple enough to program. Give us a bit more information and I can assure you there will be a race between LabVIEW experts to see who can post the cleanest, simplest, and fastest piece of code that will do what you need. My wager is on altenbach, but there are a few others here that are almost as impressive.

Apex flash charts with date values on the x axis

I am playing around in Apex 4 using flash charts and having a bit of troubles playing with dates on the x axis on a 2d line chart.
What I am trying to achive is a values plotted across the chart and the date/time values are not a constent (ie not continually say 1 hour apart) hence why I want to use a datatype of date.
In the SQL below:
select null as link, sysdate -2 as value, 0 as label from dual
union
select null , sysdate -2+1/24 , 1 from dual
union
select null , sysdate -2+2/24 , 2 from dual
union
select null , sysdate -2+5/48, 1 from dual
union
select null , sysdate -2+3/24, 0 from dual;I get a 2D Line chart but each date/time value is equally space apart (ie sysdate -2, sysdate -2+1/24, sysdate -2+2/24 and sysdate -2+3/24 should be 1 unit apart and sysdate -2+5/48 should be half way between sysdate -2+2/24 and sysdate -2+3/24).
I think I have to use custom xml. Using http://www.anychart.com/products/anychart/docs/xmlReference/index.html and http://www.anychart.com/products/anychart/docs/users-guide/DateTime-Axes.html I edited the XML and changed:
<?xml version = "1.0" encoding="utf-8" standalone = "yes"?>
<anychart>
<settings>
 <animation enabled="false"/>
 <no_data show_waiting_animation="False">
 <label>
 <text></text>
 
 </label>
 </no_data>
</settings>
<margin left="0" top="" right="0" bottom="0" />
<charts>
 <chart plot_type="CategorizedVertical" name="chart_1614502819445708">
 <chart_settings>
 <title enabled="False" />
 <chart_background>
 <fill type="Solid" color="0xffffff" opacity="0" />
 <border enabled="false"/>
 <corners type="Square"/>
 </chart_background>
 <data_plot_background>
 </data_plot_background>
 <axes>
 <y_axis >
 <scale mode="Normal" />
 <title enabled="false" />
 <labels enabled="true" position="Outside">
 
 <format><![CDATA[{%Value}{numDecimals:0,decimalSeparator:.,thousandsSeparator:\,}]]></format>
 </labels>
 <major_grid enabled="False"/>
<minor_grid enabled="False"/>
 </y_axis>
 <x_axis>
 <scale mode="Normal" />
 <title enabled="false"/>
 <labels enabled="true" position="Outside">
 
 <format><![CDATA[{%Value}{numDecimals:0,decimalSeparator:.,thousandsSeparator:\,}]]></format>
 </labels>
 <major_grid enabled="True" interlaced="false">
 <line color="Black" />
 </major_grid>
<minor_grid enabled="True">
 </minor_grid>
 </x_axis>
 </axes>
 </chart_settings>
 <data_plot_settings enable_3d_mode="false" >
 <line_series>
 <tooltip_settings enabled="true">
 <format><![CDATA[{%Name}{enabled:False} - {%Value}{numDecimals:0,decimalSeparator:.,thousandsSeparator:\,}]]></format>
 
 <position anchor="Float" valign="Top" padding="10" />
 </tooltip_settings>
 <label_settings enabled="true" mode="Outside" multi_line_align="Center">
 <format><![CDATA[{%Value}{numDecimals:0,decimalSeparator:.,thousandsSeparator:\,}]]></format>
 <background enabled="false"/>
 
 </label_settings>
 <line_style>
 <line enabled="true" thickness="1" opacity="1" />
 </line_style>
 <marker_settings enabled="True" >
 <marker type="Circle" />
 </marker_settings>
 </line_series>
 </data_plot_settings>
#DATA#
 </chart>
</charts>
</anychart>to
<?xml version = "1.0" encoding="utf-8" standalone = "yes"?>
<anychart>
<settings>
 <animation enabled="false"/>
 <no_data show_waiting_animation="False">
 <label>
 <text></text>
 
 </label>
 </no_data>
 <locale>
 <date_time_format>
 <format>%HH:%mm:%ss %dd/%MM/%yyyy</format>
 </date_time_format>
 </locale>
</settings>
<margin left="0" top="" right="0" bottom="0" />
<charts>
 <chart plot_type="CategorizedVertical" name="chart_1614502819445708">
 <chart_settings>
 <title enabled="False" />
 <chart_background>
 <fill type="Solid" color="0xffffff" opacity="0" />
 <border enabled="false"/>
 <corners type="Square"/>
 </chart_background>
 <data_plot_background>
 </data_plot_background>
 <axes>
 <y_axis >
 <scale mode="Normal" />
 <title enabled="false" />
 <labels enabled="true" position="Outside">
 
 <format><![CDATA[{%Value}{numDecimals:0,decimalSeparator:.,thousandsSeparator:\,}]]></format>
 </labels>
 <major_grid enabled="False"/>
<minor_grid enabled="False"/>
 </y_axis>
 <x_axis>
 <scale mode="Normal" type="DateTime" />
 <title enabled="false"/>
 <labels enabled="true" position="Outside">
 
 <format><![CDATA[{%Value}]]></format>
 </labels>
 <major_grid enabled="True" interlaced="false">
 <line color="Black" />
 </major_grid>
<minor_grid enabled="True">
 </minor_grid>
 </x_axis>
 </axes>
 </chart_settings>
 <data_plot_settings enable_3d_mode="false" >
 <line_series>
 <tooltip_settings enabled="true">
 <format><![CDATA[{%Name}{enabled:False} - {%Value}{numDecimals:0,decimalSeparator:.,thousandsSeparator:\,}]]></format>
 
 <position anchor="Float" valign="Top" padding="10" />
 </tooltip_settings>
 <label_settings enabled="true" mode="Outside" multi_line_align="Center">
 <format><![CDATA[{%Value}{numDecimals:0,decimalSeparator:.,thousandsSeparator:\,}]]></format>
 <background enabled="false"/>
 
 </label_settings>
 <line_style>
 <line enabled="true" thickness="1" opacity="1" />
 </line_style>
 <marker_settings enabled="True" >
 <marker type="Circle" />
 </marker_settings>
 </line_series>
 </data_plot_settings>
#DATA#
 </chart>
</charts>
</anychart>and change the SQL series to:
select link, to_char(value, 'HH24:MI:SS DD/MM/YYYY') as value, label from
select null as link, sysdate -2 as value, 0 as label from dual
union
select null , sysdate -2+1/24 , 1 from dual
union
select null , sysdate -2+2/24 , 2 from dual
union
select null , sysdate -2+5/48, 1 from dual
union
select null , sysdate -2+3/24, 0 from dual)But the chart changes from a line chart to a bar chart with each value being equally spaced.
Can anyone see what I am doing wrong or point me in the right direction? Thanks in advance.

This will be a little bit lengthy answer, but I guess it will be easier to understand what I meant to say.
I created a table that contains values you used as a data source (just to make my life easier):
SQL> alter session set nls_date_format = 'dd.mm.yyyy hh24:mi:ss';
Session altered.
SQL> select * from test;
VALUE LABEL
12.10.2010 09:03:45 0
12.10.2010 10:03:45 1
12.10.2010 11:03:45 2
12.10.2010 11:33:45 1
12.10.2010 12:03:45 0
SQL> alter session set nls_date_format = 'hh24:mi';
Session altered.From now on, we'll see only hours and minutes.
Step 1: current and previous values - difference in number of MINUTES
SQL> select t.value,
2 lag(t.value) over (order by t.value) previous_value,
3 (t.value - lag(t.value) over (order by t.value)) * 24 * 60 minutes_diff
4 from test t;
VALUE PREVI MINUTES_DIFF
09:03
10:03 09:03 60
11:03 10:03 60
11:33 11:03 30
12:03 11:33 30Step 2: a little bit of calculation:
- TIME_SPAN: how many minutes are there between MIN and MAX date?
- MIN_DIFF: what is the minimum time difference (minutes)?
- SLICES: how many time slices do we want on the x-axis?
SQL> select
2 min(x.value) min_val,
3 max(x.value) max_val,
4 min(x.minutes_diff) min_diff,
5 (max(x.value) - min(x.value)) * 24 * 60 time_span,
6 (max(x.value) - min(x.value)) * 24 * 60 / min(x.minutes_diff) slices
7 from (select t.value,
8 lag(t.value) over (order by t.value) previous_value,
9 (t.value - lag(t.value) over (order by t.value)) * 24 * 60 minutes_diff
10 from test t
11 ) x;
MIN_V MAX_V MIN_DIFF TIME_SPAN SLICES
09:03 12:03 30 180 6There's 180 minutes between 09:03 and 12:03; minimum time difference in our TEST table is 30 minutes, so - we want to have 6 time slices on the x-axis (180 / 30).
Step 3: row generator technique: let's create time values that are missing:
SQL> select y.min_val + (level - 1) * y.min_diff / (24 * 60) val
2 from (select
3 min(x.value) min_val,
4 max(x.value) max_val,
5 min(x.minutes_diff) min_diff,
6 (max(x.value) - min(x.value)) * 24 * 60 time_span,
7 (max(x.value) - min(x.value)) * 24 * 60 / min(x.minutes_diff) slices
8 from (select t.value,
9 lag(t.value) over (order by t.value) previous_value,
10 (t.value - lag(t.value) over (order by t.value)) * 24 * 60 minutes_diff
11 from test t
12 ) x
13 ) y
14 connect by level <= y.slices + 1;
VAL
09:03
09:33
10:03
10:33
11:03
11:33
12:03
7 rows selected.OK, now we have 30 minutes between every time value.
Step 4: join newly generated time values with the original table. Use OUTER JOIN; missing labels will be 0 (zero):
SQL> select
2 null link,
3 to_char(z.val, 'hh24:mi') new_value,
4 nvl(t1.label, 0) new_label
5 from (select y.min_val + (level - 1) * y.min_diff / (24 * 60) val
6 from (select
7 min(x.value) min_val,
8 max(x.value) max_val,
9 min(x.minutes_diff) min_diff,
10 (max(x.value) - min(x.value)) * 24 * 60 time_span,
11 (max(x.value) - min(x.value)) * 24 * 60 / min(x.minutes_diff) slices
12 from (select t.value,
13 lag(t.value) over (order by t.value) previous_value,
14 (t.value - lag(t.value) over (order by t.value)) * 24 * 60 minutes_diff
15 from test t
16 ) x
17 ) y
18 connect by level <= y.slices + 1
19 ) z,
20 test t1
21 where t1.value (+) = z.val
22 order by z.val;
L NEW_V NEW_LABEL
09:03 0
09:33 0
10:03 1
10:33 0
11:03 2
11:33 1
12:03 0
7 rows selected.Cool, so we have them all. Now, go to Apex and create a chart using a query from step #4.
I tested it - it displays something which means that it should work for you too (unfortunately, this forum doesn't accept attachments so that you could see it). Now, I can't tell whether that's what you need or not, but - if the idea itself is OK, it can be adjusted (I hope so).

Flash chart and names

Hello everybody,
I'm using an stacked 2D colum flash chart in my application in order to show all errors occuring through a week. Everything works fine, the data is showing up, but there's still one little problem:
The bars of the chart are shown with their names and values on them. But I want to hide this information and just show the bars.
If I use a stacked 3D column, the names aren't displayed. I guessed, that I could fix this, by using a custom XML and change some settings, but I can't figure out, which is the correct one.
Here's the XML, I use, it's the standard presented to my by Apex. I'm using Apex version 3.1.1.00.09, with the standard anychart, delievered with it. And I can't update it with the anychart integration kit...
<?xml version = "1.0" encoding="utf-8" standalone = "yes"?>
<root>
<type>
 <chart type="Stacked 2DColumn">
 <animation enabled="no"/>
 <hints enabled="no"/>
 <names show="no"/>
 <values show="no" prefix="" postfix="" decimal_separator="," decimal_places="0" />
 <arguments show="no" />
 <column_chart column_space="3" block_space="12">
 <border enabled="no" />
 <block_names enabled="yes" placement="chart" rotation="45" x_offset="0" position="bottom" >
 
 </block_names>
 <background type="gradient">
 <alphas>
 <alpha>100</alpha>
 <alpha>100</alpha>
 <alpha>100</alpha>
 </alphas>
 <ratios>
 <ratio>0</ratio>
 <ratio>120</ratio>
 <ratio>0xFF</ratio>
 </ratios>
 </background>
 </column_chart>
 </chart>
 <workspace>
 <background enabled="yes" type="solid" color="0xffffff" alpha="0" />
 <base_area enabled="no" />
 <chart_area enabled="yes" x="100" y="70" width="340" height="240" deep="0">
 <background enabled="no"/>
 <border enabled="yes" size="1"/>
 </chart_area>
 <x_axis name="Datum" smart="yes" position="center_bottom" >
 
 </x_axis>
 <y_axis name="Bandstillstand" smart="yes" direction="horizontal" rotation="-90" position="left_center" >
 
 </y_axis>
 <grid>
 <values />
 </grid>
 </workspace>
 <legend enabled="yes" x="470" y="70">
 <names enabled="yes">
 
 </names>
 <values enabled="no"/>
 <scroller enabled="no"/>
 <header enabled="no"/>
 <background alpha="0"/>
 </legend>
</type>
#DATA#
</root>Thanks for your help!
Greetings
Holger

Hi Dird,
sorry for my late response, but my lovely company denies the access to image hosting sites. So I had to do this at home during the weekend and there I couldn't have a look once more at my app, so it took until today :-)
I've seen, that you're not using anychart in the "standard" version that comes along with Apex, right? So it's good to know, that my XML works fine with a newer version, but I'ver got to use the version, deployed with the Apex package.
So, is there any chance, to get rid of the names on the bars with the standard version? Or do I have to wait for the next Apex version, or buy me the new anychart license?! Can anybody help please?
Thanks
Holger

XML Driven 3D Animated Flash Charts

Similar Messages

Maybe you are looking for