Advance Graph dvt:timeSelector

Question

Hi All,
I was trying following sample example to create Time Selector graph but whenever I am running the Graph the "timeselector window" is not coming on my graph. While checking the warnings on JSPX page I found the message that "Setting the timeselector mode to explicit is not supported in ScreenReader mode".
Any help please?
http://www.oracle.com/technology/products/jdev/11/how-tos/dvt_how_tos/adf_dvt_graph_howto.html
My source code-
<dvt:graph id="graph11" value="#{bindings.Master1.graphModel}"
binding="#{backing_sampleGraph.graph11}"
graphType="LINE_VERT_ABS" stylePath="Comet"
imageFormat="FLASH"
timeSelectorListener="#{backing_sampleGraph.processTimeSelector}">
<dvt:timeSelector mode="EXPLICIT"
explicitStart="#{sampleGraph.startDate}"
explicitEnd="#{sampleGraph.endDate}"
borderColor="#313675" fillColor="#33FFFF"/>
<dvt:legendArea position="LAP_BOTTOM"/>
<dvt:seriesSet defaultMarkerType="MT_CURVE_LINE">
<dvt:series id="A0" color="#FDB026"/>
</dvt:seriesSet>
</dvt:graph>

Answer 1

Hi Katia,
Thank you for looking in to the issue. I have only one backing bean backing_SampleGraph with class name "SampleGraph". The code is as given below. I am using SRDEMO schema and I have added explicit order by in the the query and I think Dates are in regular intervals. I am sending you screen shot in email.
THANKS
Chetan
Backing Bean -
package oracle.samplegraph.view.backing;
import java.sql.SQLException;
import java.util.Date;
import javax.faces.event.AbortProcessingException;
import oracle.adf.view.faces.bi.component.graph.UIGraph;
import oracle.adf.view.faces.bi.event.TimeSelectorEvent;
import oracle.adf.view.rich.component.rich.RichDocument;
import oracle.adf.view.rich.component.rich.RichForm;
import oracle.adf.view.rich.component.rich.input.RichInputDate;
import oracle.adf.view.rich.component.rich.layout.RichPanelFormLayout;
import oracle.adf.view.rich.component.rich.nav.RichCommandButton;
import oracle.adf.view.rich.component.rich.output.RichMessages;
import oracle.binding.BindingContainer;
import oracle.jbo.uicli.binding.JUCtrlActionBinding;
import oracle.jbo.uicli.binding.JUCtrlAttrsBinding;
public class SampleGraph {
private RichForm form1;
private RichDocument document1;
private RichMessages messages1;
private UIGraph master;
private UIGraph pieGraph1;
private BindingContainer bindings;
private Date StartDate;
private Date EndDate;
private RichPanelFormLayout panelFormLayout1;
private RichInputDate inputDate1;
private RichInputDate inputDate2;
private RichCommandButton commandButton1;
public void setBindings(BindingContainer bindings) {
this.bindings = bindings;
public BindingContainer getBindings() {
return bindings;
public void setForm1(RichForm form1) {
this.form1 = form1;
public RichForm getForm1() {
return form1;
public void setDocument1(RichDocument document1) {
this.document1 = document1;
public RichDocument getDocument1() {
return document1;
public void setMessages1(RichMessages messages1) {
this.messages1 = messages1;
public RichMessages getMessages1() {
return messages1;
public void setMaster(UIGraph graph1) {
this.master = graph1;
public UIGraph getMaster() {
return master;
public void setPieGraph1(UIGraph pieGraph1) {
this.pieGraph1 = pieGraph1;
public UIGraph getPieGraph1() {
return pieGraph1;
public void processTimeSelector(TimeSelectorEvent event) throws AbortProcessingException {
Date sdate = new Date(event.getStartTime());
Date edate = new Date(event.getEndTime());
oracle.jbo.domain.Date startDate;
try {
startDate = new oracle.jbo.domain.Date(sdate);
JUCtrlAttrsBinding sd =
(JUCtrlAttrsBinding)bindings.get("start_date");
sd.setInputValue(startDate);
} catch (SQLException e) {
System.out.print(e.getMessage());
oracle.jbo.domain.Date endDate;
try {
endDate = new oracle.jbo.domain.Date(edate);
JUCtrlAttrsBinding ed = (JUCtrlAttrsBinding)bindings.get("end_date");
ed.setInputValue(endDate);
} catch (SQLException e) {
System.out.print(e.getMessage());
try {
JUCtrlActionBinding actionBinding =
(JUCtrlActionBinding)bindings.get("ExecuteWithParams1");
actionBinding.execute();
} catch (Exception e) {
System.out.println("Error executing the binding with new dates: " +
e);
public void setStartDate(Date StartDate) {
this.StartDate = StartDate;
public Date getStartDate() {
return StartDate;
public void setEndDate(Date EndDate) {
this.EndDate = EndDate;
public Date getEndDate() {
return EndDate;
public void setPanelFormLayout1(RichPanelFormLayout panelFormLayout1) {
this.panelFormLayout1 = panelFormLayout1;
public RichPanelFormLayout getPanelFormLayout1() {
return panelFormLayout1;
public void setInputDate1(RichInputDate inputDate1) {
this.inputDate1 = inputDate1;
public RichInputDate getInputDate1() {
return inputDate1;
public void setInputDate2(RichInputDate inputDate2) {
this.inputDate2 = inputDate2;
public RichInputDate getInputDate2() {
return inputDate2;
public void setCommandButton1(RichCommandButton commandButton1) {
this.commandButton1 = commandButton1;
public RichCommandButton getCommandButton1() {
return commandButton1;
Source File -
<?xml version='1.0' encoding='windows-1252'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.0"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:af="http://xmlns.oracle.com/adf/faces/rich"
xmlns:dvt="http://xmlns.oracle.com/dss/adf/faces">
<jsp:directive.page contentType="text/html;charset=windows-1252"/>
<f:view>
<af:document binding="#{backing_SampleGraph.document1}" id="document1">
<af:messages binding="#{backing_SampleGraph.messages1}" id="messages1"/>
<af:form binding="#{backing_SampleGraph.form1}" id="form1">
<dvt:graph id="master" value="#{bindings.Master1.graphModel}"
binding="#{backing_SampleGraph.master}"
graphType="LINE_VERT_ABS" stylePath="Comet"
imageFormat="FLASH"
timeSelectorListener="#{SampleGraph.processTimeSelector}">
<dvt:seriesSet defaultMarkerType="MT_CURVE_LINE">
<dvt:series color="#FDB026"/>
</dvt:seriesSet>
<dvt:legendArea position="LAP_BOTTOM"/>
<dvt:timeSelector id="timeSelector1" mode="EXPLICIT"
explicitStart="#{backing_SampleGraph.startDate}"
explicitEnd="#{backing_SampleGraph.endDate}"
borderColor="#313675" fillColor="#33FFFFFF"/>
</dvt:graph>
<dvt:pieGraph id="pieGraph" imageFormat="FLASH" threeDEffect="true"
value="#{bindings.SRsByProduct1.graphModel}"
partialTriggers="master" style="Comet">
<dvt:seriesSet>
<dvt:series id="A0" pieSliceExplode="100"/>
</dvt:seriesSet>
<dvt:sliceLabel textType="LD_TEXT">
<dvt:numberFormat decimalDigit="0"/>
</dvt:sliceLabel>
<dvt:legendArea rendered="false"/>
</dvt:pieGraph>
<af:panelFormLayout binding="#{backing_SampleGraph.panelFormLayout1}"
id="panelFormLayout1">
<af:inputDate value="#{bindings['start_date'].inputValue}"
label="#{bindings['start_date'].hints.label}"
required="#{bindings['start_date'].hints.mandatory}"
shortDesc="#{bindings['start_date'].hints.tooltip}"
binding="#{backing_SampleGraph.inputDate1}"
id="inputDate1">
<f:validator binding="#{bindings['start_date'].validator}"/>
<af:convertDateTime pattern="#{bindings['start_date'].format}"/>
</af:inputDate>
<af:inputDate value="#{bindings['end_date'].inputValue}"
label="#{bindings['end_date'].hints.label}"
required="#{bindings['end_date'].hints.mandatory}"
shortDesc="#{bindings['end_date'].hints.tooltip}"
binding="#{backing_SampleGraph.inputDate2}"
id="inputDate2">
<f:validator binding="#{bindings['end_date'].validator}"/>
<af:convertDateTime pattern="#{bindings['end_date'].format}"/>
</af:inputDate>
<af:commandButton actionListener="#{bindings.ExecuteWithParams1.execute}"
text="ExecuteWithParams1"
disabled="#{!bindings.ExecuteWithParams1.enabled}"
binding="#{backing_SampleGraph.commandButton1}"
id="commandButton1"/>
</af:panelFormLayout>
</af:form>
</af:document>
</f:view>
<!--oracle-jdev-comment:auto-binding-backing-bean-name:backing_SampleGraph-->
</jsp:root>