Skip to main content

ADF 11g : How to create a climate Graph with ADF DVT

While preparing my trip to ODTUG KScope I needed to know whether or not I have to take shorts with me. I looked up the average temperature in San Antonio for June and July, and I it was clear. Shorts are needed..... I struck me that wherever I looked, all the climate data was displayed in the same kind of graph.  Climate Graphs as shown in the picture below ussually contain information about temparature and precipitation, Maximum, Minimum and Average temperature per month as well as precipitation per month.

I wondered if it is possible to create such a graph with ADF Data Visualization Tools. In this post I'll show you how to create such a climate graph.

It looks quit obvious. Create a graph with 3 line sections and one bar section, a combination of several types. The DVT component set contains a component. This is the one to go for. You can even pick a Dual Y axis in order to show a temperature axis and precipitation axis


When you use this component you will find out that simply dragging and dropping, and setting the datapoints will not do the trick for you.

Because when you run the graph you will not get the desired result.


JDeveloper configures one type per datapoint, so you get an Area-, Line- and Bar graph all in one

There is need for some extra configuration.I need to tell what kind of markerType will be used by each series. First I set a default Marker type for the Lines. That will be applied to all series that do not have their own markertype defined. Next I set Bar as the marker type for the precipitation points.






  <dvt:seriesSet defaultMarkerType="MT_CURVE_LINE">
   <dvt:series markerType="MT_BAR" index="0" assignedToY2="true"/>
   <dvt:series index="1" assignedToY2="false"/>
   <dvt:series index="2" assignedToY2="false"/>
  </dvt:seriesSet>  

Finally I make sure that the Y axes do not autoscale, and have predefined MIN and MAX values.

<dvt:y1Axis axisMaxValue="120" axisMinValue="0" axisMaxAutoScaled="false"/> 
 <dvt:y2Axis axisMaxValue="10" axisMinValue="0" axisMaxAutoScaled="false"/> 


After these minor changes, I get exactly what I expected to see. At home it is chilly..............
 

............................................ while in San Antonio it is hot.
 

Labels:

Comments

Chris Muir said…
You convinced me.

I've been eering about taking shorts to KScope but if somebody is serious enough to use DVT graphs to show how hot it gets, shorts it is ;-)
1:46 PM
Anonymous said…
Hi,

The post is interesting, thanks for the great post.
I want to generate this Dual Y axis bar and line through coding. I can able to generate bar but not lines through coding.
Can u pls let me know what parameters i need to add to listObject for getting both Bar and Line.

Thanks.
5:06 PM
Post a Comment

Popular posts from this blog

ADF 11g popup and panelwindow: Open wikipedia in a modal popup.

This post was more or less inspired by the noteWindow example on Oracles tag demo site. When hovering the highlighted text in this example the user gets extra information about the subject. I wanted to give the end user the opportunity to get even more information, for instance by invoking a wikipedia page about the subject. The catch here is that I wanted this information to be shown in a modal popup, and one that is not prohibited by popup blockers. Luckily ADF 11g provides javascript popups that can also be made modal, so the user has to close the popup before returning to the application. This post describes how I used an in a to open the correct wikipedia in a modal popup. Step 1: Create the plain text that invokes the noteWindow. This is taken directly from the mentioned Oracle example. <p style="margin-left:30px;width:500px;margin-right:30px;line-height:16px"> Vultures are scavenging birds, feeding mostly on the carcasses of dead animals...
7 comments
Read more

ADF 11g : Show PDF in a Popup

In one of my previous posts I showed how to use ADF popup components to display external content such as webpages like wikipedia in an inline frame. Based on this post a colleague of mine tried to display a PDF document. That didn't work. In this post I explain how you can use a servlet to open a PDF document in the inline frame. I will not explain how to invoke popups. If you need to know how to do that, refer to the post mentioned earlier. How to create the servlet ? The solution for showing a PDF in a popup is to use a servlet. It's possible to have a servlet deliver PDF content to the browser by specifying the content type of the servlet response to be the 'application/pdf' MIME type via 'response.setContentType("application/pdf")'. In JDeveloper you can create a HTTP servlet very easy via the new gallery. I decided to call the servlet ShowPdfServlet which actually is a pretty descriptive name for this servlet. For the servlet mapping I accept th...
14 comments
Read more

ADF 11g : Printing Directly From Your Application

Last week I was asked this question : "Can we print directly from within our ADF Application, without invoking the printer dialog ?" I wasn't sure but after some investigation the answer was clear. Yes you can ! Here is how... I decided to create a print start up form where I can select printers and print the document. Most of the functionality needed is provided by the Java Print Service API. Selecting available printers I start with a way to show all printers available to the session. For that I simply use the PrinterServiceLookup. PrintService[] printers = PrintServiceLookup.lookupPrintServices(null, null); The result I can now use to create an Array of SelectItems in order to make the list available in the application. 1: public SelectItem[] getAllPrinters() { 2: if (allPrinters == null) { 3: PrintService[] printers = 4: PrintServiceLookup.lookupPrintServices(null, null); 5: allPrinters = new SelectItem[printers.length]; 6: for (int i = 0; i ...
18 comments
Read more