Charting / custom plot chart advice?

Hi, I'm trying to build a customized chart in Flex that might
be a bit over my current skill level so I was hoping I could get a
tip how to approach this. Essentially it will be a plot chart with
an associated data table. The plot chart will have only one series
of data but each point on the chart shall indicate a range. Instead
of having two dots on the chart (2 series) that indicate the lower
and higher bound, I want to have, in essence, two dots that are
joined by a wide long bar. If that's too hard I might go for just a
thick bar going from lower bound to upper bound. I believe this
should be done with just one data series indicating the upper and
lower value because both values really belong together. The user
would click anywhere on that bar to select it. So there is only one
item to interact with per point and therefore there is also only
tooltip for both. The bars are not evenly spaced out but based on
date information, so I'd use a Data-Time axis horizontally and a
regular linear axis vertically.
I believe the right way to build this is a custom renderer
for the actual datapoint and that's where I was looking for a
tip/advice. Is that hard to do? Is there some classes that I can
tweak into doing that for me without writing custom components or
such?
The other thing I want to achieve (after I solved this one)
is to have a data grid associated with the chart. When one data
item is clicked in the chart, the corresponding row in the table
gets highlighted, and vice versa, if the user clicks a row in the
table, the corresponding chart item is highlighted. I think that's
doable too, it's just a bit tricky with how the events are flying
around I think. But, as I said, first I need to figure out the
chart.
If anybody has some advice how I should approach that I sure
would appreciate it. I experimented around with Bubble charts over
a category axis for a while but I think it really should be done
with a plot chart over a time axis and maybe a custom renderer for
the data point.
Thanks a bunch!
Andreas

Hi AndreasD,
         Can you please  let me know if  you were able to get solution to the below querry. My curent requirement is very close to what you have specified in the querry
Regards
Kalavati Singh
[email protected]

Similar Messages

  • Simple Flex Chart question - Plot Chart labels

    I'm playing around with displaying data from WDA as charts in Flex 3.
    I'm able to bind my internal table, which has 3 fields, to the plot chart.
    The table looks like this
    ext_id      type string    " bound to prjname in Flex
    cost         type string    " bound to prjcost in Flex
    benefit     type string    " bound to prjbenefit in Flex
    These are all bound to my island's DataSource.
    I have bound these in Flex and the Cost and Benefits are showing up as points on my chart. However, I can't seem to get the Project Name to display on the plot points. All I see when I mouse over the point is EXT_ID, and the values for cost and benefits.
    The cost/benefit values are coming across correctly, just not the project name (ext_id) value. any ideas?
    here's the Flex code for the chart
         [Bindable]
         public var dataSource:ArrayCollection;
         [Bindable]
         public var prjcost:String;
         [Bindable]
         public var prjbenefit:String;
         [Bindable]
         public var prjname:String;.
        <mx:PlotChart id="plotchart1" dataProvider="{dataSource}" showDataTips="true">
           <mx:series>
                <mx:PlotSeries displayName="{prjname}" yField="{prjcost}" xField="{prjbenefit}" dataProvider="/>
            </mx:series>
        </mx:PlotChart>

    This is really a Flex question not an Islands specific one.  I don't think the displayName properity is what you want to use here.  This is the name for the entire series as it will be displayed in the legend. I think what you want is a dataTip.  You register a callback for the dataTip rendering and then fill the custom dataTip quick info.
    This is an example from a bar chart, but the theory is the same:
    <mx:BarChart id="barChart" dataTipFunction="dtFunc" xmlns:mx="http://www.adobe.com/2006/mxml" type="clustered" width="100%" showDataTips="true" height="100%">
         <mx:verticalAxis>
              <mx:CategoryAxis categoryField="{SalesOrd}" dataProvider="{dataSource}" />
         </mx:verticalAxis>
         <mx:series>
              <mx:BarSeries id="bsGross" xField="{grossAmt}" displayName="Gross Amount" dataProvider="{dataSource}" fill="{otdFill}" showDataEffect="{slideIn}"  />
              <mx:BarSeries id="bsNet" xField="{netAmt}" displayName="Net Amount" dataProvider="{dataSource}" fill="{rtyFill}" showDataEffect="{zoomIn}"  />          
         </mx:series>
    </mx:BarChart>
    private function dtFunc(hd:HitData):String {
                  switch(BarSeries(hd.element).id){
                       case "bsGross":
                             return "Sales Order #: " +  hd.item.SO_ID + "\n" + FlashIsland.formatNumber(hd.item.TTL_GROSS_AMOUNT) + " " + hd.item.CURRENCY_CODE;                        
                             break;
                       case "bsNet":
                             return "Sales Order #: " +  hd.item.SO_ID + "\n " + FlashIsland.formatNumber(hd.item.TTL_NET_AMOUNT) + " " + hd.item.CURRENCY_CODE;
                             break;                   
                  return "Amount";

  • Plot chart- embbeding a custom swf file

    I'm currently using the plot chart element to display dynamic from a MySQL database. I decided I wanted to use a custom embedded swf file. The issue I'm running into is the way the swf file looks. Is there a way keep the original size (width/height) and not have to look deformed? Adjusting the radius only makes the swf "fatter".
    Here is the code that I'm using:
       <mx:series>
        <mx:PlotSeries
         id="plot"
         xField="xfieldname"
         yField="yfieldname"
         radius ="45"
         itemRenderer="@Embed(source='file:/C:/images/movie.swf')" 
         showDataEffect="slideUp"
         />
       </mx:series>
      </mx:PlotChart>

    Hi,
    there are two very distinct things: one is to emit an actual swf, and the other one is to tell an existing swf to show something....
    Now assume your user can choose a few symbols from the library and drag them around .... and imagine an xml file that liss the symbol name and its coordinates on stage as well as its scaling factor.
    Next assume the user can click somewhere to type text ... and imagine the xml file to contain text entries with actual text, font size, and coordinates
    I did something with AS2 following this scheme: a server script copied the existing swf and added an actionscript block equivalent to the above-mentioned xml file. I have not studied details of AS3 files enough to tell whether the same is possible with AS3, but I sort of believe that an xml string embedded as a byte string could be amended / replaced in a similar way

  • Crosshair mouse tracker on Plot Chart

    Hi All,
    I have implemented a flex plot chart, which works fine (able to plot items to it).  I want to add a cross hair tracking device that will move along with the mouse.  The cross hair will draw a simple horizontal and vertical line crossing at the mouse pointer to the edges of the chart.  I already have registered for the mouse move event (I have a status line that prints the real world values based on x/y position as the mouse moves).  The crosshair implementation I have tried implementing causes the mouse tracking to act very strange...almost, in a lagging type behaviour.  I am using a Graphics object from the plot chart object.  I do a clear each time before I redraw the crosshair (as the mouse moves).  The 'clear' seems to be the core of the lag problem (if I comment out the 'clear', the tracking works fine..but of course the crosshair from the previous mouse position doesnt erase).  I didnt see an 'xor' type of function which is what I have used on like projects before. Any ideas or suggestions would be greatly appreciated.
    my plot char is  called tlat_chart.
    var G:Graphics = tlat_chart.graphics;
    G.clear();
    G.moveTo(somex, somey);
    G.lineTo(newx, somey);
    etc......

    Take a look at Eli's custom chart annotations here: http://demo.quietlyscheming.com/ChartSampler/app.html

  • Make Flex Plot Chart items toggle

    Hello,
    I made an application for generating a plot chart based on previously calculated data (X,Y). After plotting the data on the chart, I tried to make the items (dots) to show a label (through addChild an external custom label component) when a user click on the dots (for example: if a user click on a chart item, the corresponding ID number will show beside the dot).
    Although everything works fine, I can't make the items toggled (for example: if a dot is already clicked and label ID is visible, on next click on the same dot I want to hide (removeChild) the label component which correspond to that item)...
    I tried almost everything, but with no success... A simple example  will be of great help for me...
    Thanks in advance,
    Nikola

    Anyone??

  • DataTip box to appear near the plot for Plot Chart

    Hi,
    I am using a Plot chart.
    I use three Plot series for the chart.
    I show the plots for one series at a time.
    When I show the Data tips for each plot, I am getting a long line connecting the plot & the DataTip (as shown in attachment).
    I would like the DataTip box to appear near the plot.
    How to accomplish this ?
    - Sen

    The bottom line is that it does not work reliably, Tim.
    I had occasion to scan old Kodachrome slides (2x2" in cardboard mount), and placed identifying markers with "Talk Bubbles."
    Open your picture file
    Access the  Custom Shape Tool (U). On the tool's option bar at the top next to "Shapes", click on the arrow and find the "Talk Bubbles" library. In that there are several shapes which you can drag into position. The shapes fill with the foreground color (see chips, lower left of work-space)
    Next, use the Type tool for the name.
    Note that you can position the shape and the name with the move tool, and resize with the corner handles of the bounding box -- the advantage of doing things in layers.

  • Apex 3.1 and Custom Flash Charts

    I am having difficulty getting to the point where my custom flash charts can be displayed. I have Oracle 10.2, over OHS to Apex 3.1. I cannot post any of the config files or code here because it is a different network, so I realize it will be hard to troubleshoot; and I apologize in advance.
    I would use the canned Flash charts, but my application displays data much like MS Outlook's multi-user calendar does. The chart has to be color coded, similar to Outlook's Busy vs Tentative etc. It has to show multiple events at various times, including overlapping times. And it has to handle schedules for multiple people. Lastly, there are of course gaps in the schedule, because no day is comprised entirely of meetings. That is why I felt I had to do it manually.
    I wrote XML/SVG code to do this previously, with HTML DB 1.5, and it worked fine. But Flash is the way we are going now, and I can't use SVG anymore. (Besides, Adobe says SVG will no longer be supported next year.)
    I followed the thread of April 07 in which MAdelfio posted suggestions, but I can't get it right. I did everything listed except I never included the <data>...</data> code, because I am not sure where it goes. I have a custom written stored proc, exactly like in the thread, and I pass it all the args that apex_util.flash wants. I get a malformed XML message when I try to display the chart. That seems like it should be a very straight forward error, but I can't figure out where to look. I have been using 1.5 for about a year, and last month upgraded to 3.1.
    Any suggestions on how to troubleshoot this? Or, failing that, any simple examples that display Flash charts in which the code was generated by a stored procedure?
    Thanks,
    Michael

    I'm sorry about not being able to provide all the info you need. Since it is on a totally separate network, with no access to the outside world, the only way I can do it is to print and retype everything. So I was hoping that someone could just provide suggestions as to where to look rather than providing answers. I understand that it is impossible for you to solve my problems, especially when you have been given no real information. And I don't want to keep you guessing -- I'd love to be able to just show everything and ask for help; I just can't.
    Anyway, I am trying to use only those facilities provided with Apex. I do not have any 3rd party tools except for Perl. I am using the standard shockwave flash plugin for Mozilla. The way I did it with SVG was to create a stored procedure that generated an XML file. I put a button on the page that ran the stored proc and then redisplayed the page, with an HTML region. That region included an iframe, where the source was a perl script that merely regurgitated the SVG script (for some reason I could not get the iframe to accept XML as a source, so I created send_svg.pl, which merely outputted the named SVG file).
    The format I followed was in this thread: Re: Custom Flash Charts
    I even created a replacement proc for APEX_UTIL.FLASH with the exact output as the thread, knowing that even if it worked I'd still have a ton of work making it produce my chart. But once I can get the infrastructure right, I feel I can write the flash XML.
    Maybe the easiest thing is to scan that thread I referenced and tell me if it is still accurate? That is, could anything have changed in 3.0.1, or should it still work? It is possible, maybe even likely, that I made a mistake retyping all that stuff, so maybe just verifying that it SHOULD work is a good start.
    Thanks again, and sorry again.
    Michael

  • Line chart to plot count of 2 date fields against calendar month

    Post Author: springle
    CA Forum: Charts and Graphs
    I would like to create a line chart with 2 lines.  I would like the x axis to be a calendar month.  I would like the y axis to be the count of a date field for that month.  I would like 2 lines, one the the count of applications recieved in a month and the other to be the number of shipments in a month.  I can make a chart to plot one or the other but not both on one chart.So in summary I want of a count of date1 and a count of date2 by calendar month in one line chart.Thanks in advance,Scott

    Post Author: springle
    CA Forum: Charts and Graphs
    Thanks for the reply but I am afraid this does not solve my problem.  Your proposal make the month count of Date1 records in the fields and the count of Date2 in the month of date1 I am try to graph...In the month of Jan: 56 apps and 49 deliveriesIn the month of Feb: 76 apps and 79 deliveriesIn the month of Feb: 86 apps and 69 deliveriesThe change on date cannot be either app date or del date.  It needs to be independent from a calendar timeline. Scott 

  • Flex 3 : Contour Plot Chart

    Hi,
    I have been tasked with a project where a contour plot chart is required like the one below. Does anyone know how this coould be done in Flex or are there any third-party components available to do this?
    Thanks very much for you help.
    Martin

    Hi Subeesh,
    Thanks for the info but it's not a radar chart. What I am looking for is more like --> http://www.singleton-labs.com/mcharts.php
    Martin

  • Dynamic Series creation for Plot Chart

    Hi,
    I am using a plot chart which takes data from an external XML file.
    Based on certain fields in the data, I create 3 different plot series.
    I use a Combo box to show different plot series based on the selected value from it.
    I am placing another Combo box
    How can do the below task:
    I need to create some dynamic series based on some node elements in the series for which the chart is currently shown.
    I create another Combo box to show the above generated plot series based on the selected value from it.

    Hi,
    I am using a plot chart which takes data from an external XML file.
    Based on certain fields in the data, I create 3 different plot series.
    I use a Combo box to show different plot series based on the selected value from it.
    I am placing another Combo box
    How can do the below task:
    I need to create some dynamic series based on some node elements in the series for which the chart is currently shown.
    I create another Combo box to show the above generated plot series based on the selected value from it.

  • Date Format in SAP chart customizing - Gantt

    Hello Everybody,
    I have problems with date format in Gantt chart coding in
    ABAP using xml concatenate,
    when i am customizing the xml from chart designer.
    I want Time(X) axis  in Days but its showing in quarters or weeks.
    I also tried with LineFormat but i could not get control over it.
    can anybody please help me!!!
    here is my code:
    xml = '<?xml version="1.0" encoding="utf-8" ?><SAPChartCustomizing version="2.0">'.
      CONCATENATE xml '<GlobalSettings><Dimension>PseudoThree</Dimension>' INTO xml.
      CONCATENATE xml '  <TransparentColor>None</TransparentColor>' INTO xml.
      CONCATENATE xml '  <ColorPalette>Tradeshow</ColorPalette>' INTO xml.
      CONCATENATE xml '  <ColorOrder>Default</ColorOrder>' INTO xml.
      CONCATENATE xml '<Defaults><ChartType>Gantt</ChartType></Defaults></GlobalSettings>' INTO xml.
    CONCATENATE xml '<Values><Series><LineType>Direct</LineType><LineType1>Year</LineType1>
    <LineType2>Month</LineType2><LineType3>Day</LineType3><LineWidth>2</LineWidth>
    <MarkerShape>None</MarkerShape></Series></Values></SAPChartCustomizing>'
    INTO xml.
    *SEND CUSTOMIZING TO CHART ENGINE:
      lo_chart->set_customizing( data = xml ).
    Thanks in advance
    Bobby

    Hi Vijay,
    It's for ABAP only could you please post the solution.
    here i would like to share how i have given my series values:
    xml = '<?xml version="1.0"?>'.
      CONCATENATE xml '<ChartData>' INTO xml.
      CONCATENATE xml ' <Categories>' INTO xml.
      CONCATENATE xml '   <Category>Mat 1</Category>' INTO xml.
      CONCATENATE xml '   <Category>Mat 2</Category>' INTO xml.
      CONCATENATE xml '   <Category>Mat 3</Category>' INTO xml.
      CONCATENATE xml ' </Categories>' INTO xml.
      CONCATENATE xml ' <Series label="Op10" Customizing="Op10">' INTO xml.
      CONCATENATE xml '   <Point><Value type="time">20010101</Value>' INTO xml.
      CONCATENATE xml '   <Value type="time">20010115</Value>' INTO xml.
      CONCATENATE xml '   <Value type="time">20010120</Value>' INTO xml.
      CONCATENATE xml '   <Value type="time">20010130</Value></Point>' INTO xml.
      CONCATENATE xml '   <Point><Value type="time">20010101</Value>' INTO xml.
      CONCATENATE xml '   <Value type="time">20010125</Value></Point>' INTO xml.
      CONCATENATE xml ' </Series>' INTO xml.
    Thanks again.
    Bobby

  • Custom color chart reference?

    Is there a way to load a custom color chart to use as a reference when using the chart option in the DNG Profile Editor?
    What I would like to do is shoot a color chart with Kodachrome, then shoot the chart with my D700 and create a profile for my D700 that matches the chart shot on Kodachome.

    There have been discussions about this in the other Adobe forums. I tried following them, but I'm afraid I'm not technically savvy and didn't understand some of what was said. But basically, there is no way to adjust by numbers at this point.

  • 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

  • Customizing Charts (merging Line, column aand stacked charts into one chart)

    Post Author: BARTMAN
    CA Forum: Charts and Graphs
    Hello
    I am currently using Crystal Xcelsius 4.5 and am striving to create a hybrid chart. In excel i have customized my chart to incorporate a stacked area chart, a stacked column chart and a couple of line charts thrown into the mix. 
    I am perplexed when trying to accomplish the same task in Xcelsius, can not find anything that will allow you to custom build your own graphs.
    Does any one have a solution?
    Thanks
    BARTMAN

    I meant have one criteria (one query).
    so you'd select :
    week of year,
    count(Fixed Bugs),
    count(reported bugs)
    in the same criteria, then select both measures on the 'line' and the week of year on the x axis of the graph?
    Any reason why you cant build them into one criteria?
    BTW are you measures defined the RPD or are you creating them in Answers on the fly using count() function?

  • Plot chart problem

    Hi experts,
        In plotchart using cirlcular item renderer am getting full details.But instead of that one using customItemRenderer am unable to get full details.This is my customItemRender(CirlceFileRenderer ) action script class file
    package
        import flash.display.Graphics;
        import mx.charts.series.items.PlotSeriesItem;
        import mx.core.IDataRenderer;
        import mx.skins.ProgrammaticSkin;
        public class CirlceFileRenderer extends ProgrammaticSkin implements IDataRenderer
            public function CirlceFileRenderer()
            private var _chartItem:PlotSeriesItem;
            public function get data():Object
                return _chartItem;
            public function set data(value:Object):void
                _chartItem = value as PlotSeriesItem;
                invalidateProperties();
            override protected function updateDisplayList(unscaledWidth:Number,unscaledHeight:Number):void
                super.updateDisplayList(unscaledWidth, unscaledHeight);
                var g:Graphics = graphics;
                g.clear();
                var col:Number = 0;
                var x:Number = 0;
                var y:Number=0;
                //if(_chartItem!=null)
                var obj:Object = _chartItem.item as Object;
                //col = getColor(obj.Color as Number);
                x= obj.Xdata as Number;
                y=obj.Ydata as Number;
                g.beginFill(col);
                trace("X :"+x+" Y :"+y);
                trace("_chartItem.x:"+_chartItem.x+" _chartItem.y :"+_chartItem.y);
                g.drawCircle(_chartItem.x,_chartItem.y,1);
                //g.drawCircle(x,y,1);
                //g.drawRect(_chartItem.x,_chartItem.y,unscaledWidth,unscaledHeight);
                // g.drawRect(x,y,1,2);
                g.endFill();
            public function getColor(x:Number):Number   
                if(x < 0.0)
                    return 0x000000;
                else if (x < 0.125)
                    return 0x000088;
                else if (x < 0.375)
                    return 0x0000FF;
                else if (x < 0.625)
                    return 0x00FFFF;
                else if (x < 0.875)
                    return 0xFFFF00;
                else if (x <= 1.0)
                    return 0x880000;   
                else
                    return 0xFFFFFF;   
    Flex action script code is like this:
    private function handleResult(event:ResultEvent):void
                    temparray = event.result as Array;
                    for(var i:int =0;i<256;i++)
                        var ta:Array = new Array();
                        var ar:Array = new Array();
                        ar = temparray[i];
                        for(var j:int = 0;j<288;j++)
                        //    trace("a["+i+"]["+j+"] -:"+ar[j]+" Color:"+(Math.abs(ar[j])-131) / 20);
                            ta.push({Xdata:i,Ydata:j,Color:(Math.abs(ar[j])-131) / 20  });
                        var ps:PlotSeries = new PlotSeries();
                        ps.xField = "Xdata";
                        ps.yField = "Ydata";
                        //ps.radius = 1;
                        ps.setStyle("itemRenderer",new ClassFactory(CirlceFileRenderer));
                        ps.dataProvider = ta;
                        newarr.addItem(ps);
                    chart.series = newarr.toArray();       
    Am unable to find the problem.I didn't get full details in plot chart.
    Please tell me this is urgent requirement....

    Hi,
    what info you didn't get?
    try this
    public function set data(value:Object):void
                _chartItem = value as PlotSeriesItem;
              super.data = value;
                invalidateProperties();

Maybe you are looking for

  • Where can I get the latest Microsoft.SharePoint.ApplicationPages.dll for SharePoint 2010?

    Can somebody point me to where I can get the latest Microsoft.SharePoint.ApplicationPages.dll for SharePoint 2010? When I go into Library Settings on any library or list in SharePoint 2010 I’m getting an unexpected error; I see this in the SharePoint

  • What is MoTown in Firefox Aurora? I didnt install it.

    After a few days of using Aurora, I noticed a button on my toolbar. When I clicked it it said "Welcome to MoTown" Is this something being implemented into Aurora or something else?

  • The left side of the screen cannot be seen

    My firefox screen is not showing its left side. The problem is that it is unusually wider on the right side and this has cut off the left side, and now I cannot see most of the information on the screen.

  • Extensive Accounting Application

    Hi All, Hi All, Thank you for your valuable time in advance. I have created a challenging task for myself by myself and need some sort of solution. Accounting requires that the payment should be recognized in the month when service was provided and n

  • Reg the logic required

    Hi, LOOP AT it_output INTO wa_output. if wa_output-bldat  <= p_date.     CALL FUNCTION 'DAYS_BETWEEN_TWO_DATES'       EXPORTING         i_datum_bis                   = p_date         i_datum_von                   = wa_output-bldat   I_KZ_EXCL_VON