How to create a 'Floating Stacked Bar' graph

Hello world!

My requirement is to implement a graph as follows:

https://DL.dropboxusercontent.com/u/18609389/ScreenShot350.jpg

It seems to be a 'Floating Stacked Bar', but I'm not able to find the tutorial or reference to do.

For each year, I have to draw a red bar at the top with a positive value, and a blue bar to the downside with the negative value.

I know how to get the data, but down exactly know how to compose the query VO waiting for the chart.

Thanks in advance!

Jose.

Hello world

Finally I did after days of fighting. The main reason it has not worked is because I was mistaken with the type of graph that I was actually looking for which is:

Subtype = "BAR_VERT_STACK".

https://DL.dropboxusercontent.com/u/18609389/ScreenShot354.jpg

On the data, to a line for each series, so I have 2 lines (red, blue, data) and a column for each year (Group).

It may be useful to someone.

Kind regards

Jose.

Tags: Java

Similar Questions

  • How to create multiple CSS navigation bars?

    Hello

    How to create multiple CSS navigation bars?

    I currently have the code below (and it works very well) for a navigation bar, but I'm trying to create navigation bars .  Can I just change the 'nav ul li a""NAV ul li b"(note the 'a' change to a 'b') or something similar?  I can not understand the correct coding...

    Thanks in advance for any help!  I very much appreciate quick and precise Adobe support team answers!

    NAV ul {}

    margin: 0;

    padding: 0;

    }

    NAV ul li {}

    list-style-type: none;

    float: left;

    Display: block;

    height: 60px banner;

    Width: 333px;

    text-align: center;

    line-height: 55px;

    do-family: Arial, Helvetica, without serif.

    font-size: 33px;

    }

    NAV ul li a {}

    text-decoration: none;

    color: white;

    }

    NAV ul li: hover {}

    background-color: rgb (0,0,255);

    }

    NAV li: hover ul a {}

    Display: block;

    color: white;

    }

    No, the 'a' you see is an html element, , you can not change this.

    It's very simple.

    You can create a class, the name you want (I used .yourclass), add it to the second

  • How to trace the constant width - bar graph?

    Hi all?? I'm having a problem...

    I have two tables 1 d, I have them plotted using Graph XY with bar graph, the problem is that I'm not able to get the bar with consant width chart.

    How to get the bar with a constant width...

    Could just be it please one through little light for my querie?

    I enclose my VI, façade, block diagram

    Thanks in advance...

    Hi girikavali,

    you could do shows in order to create a Subvi which automatically adds these points of NaN?

  • How to create text with a bar full of color boxes at the top of page 1/3?

    I am in the design of learning and using CS4

    I want to create a form with boxes like those below.

    Picture 5.png

    I understand how to set a block of text on top with white text, but how can I box behind that bar (incl. rounded corners) color

    Once I have the design that I was intending to use the Adobe PDF software to use their tool to have a PDF form.

    So I would ask as I go about it in the right way?

    I appreciate any help - thanks a lot. John

    It is a multi-step process and can be done in a number of ways. Here's one way:

    Create a rectangle and rounded a corner. Then, create a column once, two-row table. Fill the upper cell with the blue wire. Make sure that it is a little wider than the original rounded rectangle. Cut the table to the Clipboard and then select the rounded rectangle frame and choose paste into.

    That should hopefully help you get started.

    Bob

  • Percentage of the stacked bar graph display

    Hello

    Can someone tell me please how to display percentages on a stacked bar chart. All the time, it shows actual values.
    For example...

    | | | | |
    | |18% | | |
    3000 |
    | | 70 % | | |
    2000.
    | |12% | | |
    1000 |
    -----------------------------------------------
    T1 T2

    I hope I could describe it. :-)


    Thank you

    One of {OracleBI} \web\app\res\s_oracle10\popbin. Did you reboot the server presentation and the javahost?

    concerning

    John
    http://obiee101.blogspot.com

  • How to create a horizontal scroll bar for interactive report region?

    Hello

    I use APEX 4.2.5.00.08 and created interactive reports that contain many columns. However when viewing the results of the report, due to the large number of columns report/table data is outside of the region and a horizontal scroll bar appears in the window of my main browser. This seems not very good from the point of view of the customer/end user and I was wondering if it is possible the size of declare the region according to a specific size and have a scroll bar horizontal that it contains, so that users can view the rest of the report columns using the scroll instead bar rather than do what he done right now and go to the screen and having to use the main browsers horizontal scroll bar at the bottom.

    I tried on IE8, Chrome and Firefox 27.0.1 and get the same result. I tried to follow the ideas in this thread, in interactive report horizontal scroll bar, but nothing is.

    You have ideas on how I can get around this please?

    Concerning

    Hi user10248308


    Try this


    Step 1:-modify the interactive report

    Step 2:-under defination region-> header area

    put

    Step 3:-under area Defination-> foot of the region

    put


    Please come back if this is not yet resolved.

  • Photoshop CC 2014: How to anchor the floating Options bar?

    Hi Photoshoppers,

    Someone knows how to anchor the Options in PS CC 2014 bar? When I open it for the first time, it floats. I tried to watch it online and cannot find a solution. I think that it is not rocket science.

    Kind regards

    -c

    ?

    Can you take the controls of the extreme left 'grip' Panel and drag it slowly up to the border of the lowest in the menu bar? It should turn blue to indicate the docking station. Release and he should land.

  • How to create a main navigation bar

    For your main navigation bar menu, how can you change so it changes on each of you, the pages you put the nabber in at the same time.

    Example, I have a navigation bar with HOME, PORTFOLIO, and CONTACT links. Then I copied the contents of my navbar on each page. But lets say I change the button HOME to ABOUT ME, I have to do on each page separately. is there a way to change this, lets say a master page and it won't change on other pages?

    Thanks in advance.

    Use include a server side.

    PHP: http://www.tizag.com/phpT/include.php

    SSI: Server Side Includes (SSI) Tutorial - Part 1

    In this way, you have a file with only the actual html of the navigation bar code. You will place a small piece of code where you want it to appear in your site navigation bar and the server would put there when the viewer comes to your page. For update, you'd a change to the navigation bar only include the file and download it. The server would then give html of the updated file in the places where you used the excerpt to include it.

    The file include itself does not have the elements that are not part of the navigation (as baror) that the code that you can replace the snippet to include should be included in the file.

  • How to create a floating layout using adf

    Hello
    I use Jdeveloper 11 g to develop an application.
    I just came across problems when I am trying to build the look and feel.
    Basically, I want to develop according to the following link.

    http://Webfusion.KCMO.org/coldfusionapps/ActionCenterRequest/GetStatus.cfm

    I was able to create available to help adf page layouts and components (af:panelStechlayout, af:panelgrouplayout), but the problem, I faced, I want the whole page to scroll and have a floating layout.
    But in my case, the panels are scrolling, so when I resize the browser, or change the resolution, everything seems to be broken in pieces.
    In addition to recreate the schema above, I include everything under the 'Centre' facet, where the use of models creates questions.

    Here is the code I use (just the code of the structure), it looks like simple preety but I'm not able to understand this one.
    <?xml version='1.0' encoding='UTF-8'?>
    <jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.1"
              xmlns:f="http://java.sun.com/jsf/core"
              xmlns:h="http://java.sun.com/jsf/html"
              xmlns:af="http://xmlns.oracle.com/adf/faces/rich">
      <jsp:directive.page contentType="text/html;charset=UTF-8"/>
      <f:view>
        <af:document title="findcase" id="d1">
          <af:form id="f1">
            <af:panelStretchLayout startWidth="100px" endWidth="100px" id="psl2">
             
              <f:facet name="center">
                <af:panelStretchLayout endWidth="63px" id="psl1"  topHeight="120px" bottomHeight="50px"
                inlineStyle="font: 100% Arial, Helvetica, sans-serif;background: #2A3644;font-size: 13px;margin: 0;padding: 0;text-align: center;color: #000000;"
                                       startWidth="44px">
                
                  <f:facet name="center">
                   <!-- Header -->
                   <af:panelGroupLayout layout="scroll"
                                         xmlns:af="http://xmlns.oracle.com/adf/faces/rich"
                                         id="pgl3">
                      <af:image source="http://cfdev.kcmo.org/coldfusionapps/templates/images/kcmo_banner.jpg"
                                shortDesc="header" id="i1"
                                inlineStyle="width:960px; height:77.0px;"/>
                      <af:panelGroupLayout id="pgl2" inlineStyle="height:33.0px;">
                        <af:image source="http://webfusion.kcmo.org/coldfusionapps/templates/images/home.jpg"
                                  shortDesc="menu1" id="i2"/>
                        <af:image source="http://webfusion.kcmo.org/coldfusionapps/templates/images/services.jpg"
                                  shortDesc="menu2" id="i3"/>
                        <af:image source="http://webfusion.kcmo.org/coldfusionapps/templates/images/residents.jpg"
                                  shortDesc="menu3" id="i4"/>
                        <af:image source="http://webfusion.kcmo.org/coldfusionapps/templates/images/business.jpg"
                                  shortDesc="menu4" id="i5"/>
                        <af:image source="http://webfusion.kcmo.org/coldfusionapps/templates/images/visitors2.jpg"
                                  shortDesc="menu5" id="i6"/>
                        <af:image source="http://webfusion.kcmo.org/coldfusionapps/templates/images/officials2.jpg"
                                  shortDesc="menu6" id="i7"/>
                        <!--af:panelGroupLayout id="pgl4"-->
                          <af:image source="http://webfusion.kcmo.org/coldfusionapps/templates/images/kcmo_banner_slice.jpg"
                                    shortDesc="searcharea" id="i8"
                                    inlineStyle="background-repeat:repeat; width:355px; height:35.0px;"/>
                        <!--/af:panelGroupLayout-->
                        <af:image source="http://webfusion.kcmo.org/coldfusionapps/templates/images/kcmo_banner_lower.jpg"
                                  shortDesc="banner" id="i9"
                                  inlineStyle="width:960px; height:7.0px;"/>
                      </af:panelGroupLayout>
                     <!-- starting the center section -->
                      <af:panelStretchLayout id="psl3" inlineStyle="width:960px; margin:auto; background-color:White;"
                                             startWidth="232px">
                        
                        <f:facet name="center">
                         <!-- your page content goes here -->
                          <af:outputText value="outputText1" id="ot3"/>
                        </f:facet>
                       <!-- side navigation panel -->
                        <f:facet name="start">
                          <af:panelGroupLayout id="pgl1" inlineStyle="float:left; margin:5px; width:236.0px;background-color:#edf0f5;text-align: center;">
                           <af:goLink text="City Government" id="gl1"
                                   destination="http://www.kcmo.org/CKCMO/Depts/CityManagersOffice/InternshipsandfellowshipswiththeCity/KansasCityGovernment/index.htm"
                                   inlineStyle="font-family:Arial, Helvetica, sans-serif; font-size:10px;     color:#395F76;     font-weight:bold;"/>
                          <br/>
                            <af:goLink text="Codes and Ordinances" id="gl2"
                                       destination="http://cityclerk.kcmo.org/liveweb/common/"
                                       targetFrame="_blank"/>
                            
                          </af:panelGroupLayout>
                        </f:facet>
                        <f:facet name="end"/>
                      
                      </af:panelStretchLayout>
                      
                    </af:panelGroupLayout>
                    
                  </f:facet>
                  <f:facet name="end">
                    <af:outputText value="" id="ot2"/>
                  </f:facet>
                   <f:facet name="start">
                <af:outputText value="" id="ot1"/>
              </f:facet>
                </af:panelStretchLayout>
              </f:facet>
            </af:panelStretchLayout>
          </af:form>
        </af:document>
      </f:view>
    </jsp:root>
    Any help will be much appreciated.
    Thanks in advance
    Ash

    Try to create a layout that uses a panelGroup static when the container upper and use panelBorders inside.
    Something like this:

    
    
      
      
        
          
            
              
                
                
                
                
                  
                    
                    
                      
                      
                      
                      
                      
                      
                      
                      
                      
                      
                    
                  
                
                
                  
                    
                      
                      
                    
                  
                  
                  
                  
                  
                    
                    
                    
                  
                
              
            
          
        
      
    
    
  • How to create a floating layer "&lt; DIV &gt;" in blackberry 8900?

    I am a new developer bkackberry.

    I use the BlackBerry 8900 Simulator (Smartphone BlackBerry 2.11.0.151 Simulator) for development.

    I would like to make a floating layer as describe in the URL "http://www.fiendish.demon.co.uk/html/javascript/layerfloat.html".

    This example runs on the browser window, but not on blackberry.

    I have 2 question:

    This function can be implemented in Bleckbery?

    If so, please give me some examples running.

    Thank you

    Sanjay

    I found the solution. You can use following code for static layer. I tested in the simulator of 8900.

    Other HTML code

    ----------------

  • How to create a floating header

    I wish I had a symbol as a header with all its elements float as the page scrolls vertically...

    Is there a way to do this?

    Thank you

    Use only the body to add the header to the scene

    Otherwise, you must specify your symbol or div you want CSS to assign

    and Yes your CSS is incorrect, I gave you the example className as a sample test not a working one since I have no idea of what are your symbol names

    Here is an example of my files, which should help ya sort

    .CSS ({$('Stage') sym.

    ' background-image': ' url(images/bg_rep_2.png) '.

    });

    holder primary Center

    .CSS ({$('Main') sym.

    "width": "1024px"

    'height': "1024px"

    'position': 'absolute ',.

    "the left": '50% ',.

    'top': '50% ',.

    'margin': '-512px 0 0 - 512px.

    });

  • 3-d bar graph

    Anyone could create a 3-d bar graph in the last version of LabView?  Previously, I had to integrate a Matlab script in my program to create a 3-d bar graph, and I hope it won't be necessary.  Thank you very much for your time.

    Thanks for this example - I had not seen it yet - my problem is that I'm doing a graph to uneven bars using bins along the x and y axis - I'm trying to find a way to label the graph with these bin sizes custom...  I will continue to try... so far I have not seen what in the nodes property that would allow me to do so - it is really not that difficult!
    !

  • How to use CSS to create the horizontal navigation bar in Dreamweaver CS6

    How to use CSS to create the horizontal navigation bar in Dreamweaver CS6

    One of the ways to do this is the following: Editor Tryit v1.9

    You can also use floats to get something in the same direction.

  • How to rotate and turn the bar without distortion graphs?

    I have a horizontal bar graph and I want it to have the same form as a pie chart that I as a backdrop.

    What I do everything first, it is to rotate the graph (after the converted in an image) at the right angle, depending on where it should be positioned. After that, I use the-> deformation-> Arc to make it fit in the same form as the pie chart. But when I do these processes (in any order) I get a distorted image, with lines describing not concentric lines (not like Ray, I mean).

    I got the perfect shape, works on a MAC, but now I'm working on PC. How can I achieve the same?

    I enclose a picture descrbing what I tell you.

    Thank you very muchSin título-3.jpg

    Problem is that you turn. You could apply the distortion to the horizontal chart, then make a symbol and then turn. Or: create a brush and apply to a curve.

  • How to make a percentage on the graph bar

    Hi, Hello all
    I created a bar graph, it has two choices, Yes and no, when I press the button submit, it dispalyed the number of votes for the 'yes', and the number of votes for the 'no' since this bar chart have two bars, now I want it to appear only in a single bar.at the left side of this bar, it shows the percentage of 'Yes' While the graph on the right, it shows the percentage of 'no'.and how am I going to do.




    What is more, I created a blank page and then I created a region in this page too.inside this region, I draw a table (using dreamweaver 8). I want the table which is discussed above appear in this table.how to link to this table.



    This table is supposed to love some survey Web site displayed somewhere on a Web site page.



    Best regards
    hlee

    Hello

    application of graph

    SELECT THE LINK AS NULL,
    REPLACE (REPLACE(RESULT,1,'YES'), 0, 'NO') AS LABEL.
    ROUND ((COUNT (RÉSULTAT) * 100) / (SELECT COUNT (RESULT) IN DEMO_POLL)) | '(%)' AS THE VALUE
    OF DEMO_POLL
    RESULT GROUP
    ORDER BY DESC 2

    Thank you
    Stefan Bosamiya,
    + 91 76000 23053
    http://jbosamiya.blogspot.com

Maybe you are looking for