DVT BarGraph Style

I am trying to write a new style XML file and apply it. There are two ways that I found in the documentation to set it.
style tag on the dvt:barGraph element, which should be set to the path of the xml
and
the css, something like this:
dvt|graph
-tr-style-path: /adf/operaDefault/xml/barStyle.xml;
-tr-font-family: Arial;
I also tried
dvt|barGraph
-tr-style-path: /adf/operaDefault/xml/barStyle.xml;
-tr-font-family: Arial;
but nothing works. Anyone have any ideas of what I could be doing wrong?

hi all,
i also want to apply custom css for the bar graph.
i didnt get following....what this barStyle.xml contains..???
dvt|barGraph
-tr-style-path: /adf/operaDefault/xml/barStyle.xml;
-tr-font-family: Arial;
}

Similar Messages

Dvt:barGraph, ActiveDataModelDecorator etc...

(JDev 11.1.1.7)
Has anyone succeeded in getting this combination to work?
Just dropped (read only) ViewObject from data control as a dvt:barGraph on the task flow 's jsff fragment.
And the data is properly displayed in the form of bar graph.
I am _not using task flow call activity (ADS does not work in that case)
Then tried to use active data service, by extending ActiveDataModelDecorator
In the overriden getModel() method, I am succesfully obtainend DataModel (by evaluating original barGraph value property from the fragment's pageDef).
In the overriden getActiveDataModel() method, I am returning my custom BaseActiveDataModel instance, here is the code:
public class GraphActiveModelClass extends BaseActiveDataModel {
    public GraphActiveModelClass() {
        super();
    protected void startActiveData(Collection<Object> rowKeys,
                                   int startChangeCount) {
        System.err.println("startActiveData() call");
        _listenerCount.incrementAndGet();
    @Override
    protected void stopActiveData(Collection<Object> rowKeys) {
        System.err.println("stopActiveData() call");
        _listenerCount.decrementAndGet();
    @Override
    public int getCurrentChangeCount() {
        return changeCounter.get();
    public void graphDataChange() {
        changeCounter.incrementAndGet();
    public void notifyDataChange(ActiveDataUpdateEvent event) {
      fireActiveDataUpdate(event);
    private final AtomicInteger changeCounter = new AtomicInteger();
    private final AtomicInteger _listenerCount = new AtomicInteger(0);
So, I changed the value property for dvt:barGraph to point to ActiveDataModelDecorator instance (registered as a session bean).
And tried to run app.
But, I am stuck with:
java.lang.NullPointerException
    at oracle.adf.model.dvt.binding.common.CommonBinding.getStateKey(CommonBinding.java:114)
    at oracle.adf.model.dvt.binding.common.CommonBinding.getStateObject(CommonBinding.java:91)
    at oracle.adf.model.dvt.binding.common.CubicBinding.getProjection(CubicBinding.java:215)
    at oracle.adf.model.dvt.binding.common.CubicBinding.getProjection(CubicBinding.java:190)
    at oracle.adf.model.dvt.binding.transform.cube.CubeDataModel.getDataAccess(CubeDataModel.java:450)
    at oracle.adf.model.dvt.binding.transform.cube.CubeDataModel.getDataAccess(CubeDataModel.java:441)
    at oracle.adf.view.faces.bi.model.DataModel.getDataAccess(DataModel.java:405)
    at oracle.adf.view.faces.bi.model.ActiveDataModelDecorator.getDataAccess(ActiveDataModelDecorator.java:187)
    at oracle.adfinternal.view.faces.bi.renderkit.graph.GraphRendererUtils.updateCommonGraph(GraphRendererUtils.java:356)
    at oracle.adfinternal.view.faces.bi.renderkit.graph.RichGraphRenderer.updateImageView(RichGraphRenderer.java:361)
    at oracle.adfinternal.view.faces.bi.renderkit.imageView.RichImageViewRenderer.updateImageViewModelAndProperties(RichImageViewRenderer.java:581)
    at oracle.adfinternal.view.faces.bi.renderkit.imageView.RichImageViewRenderer.encodeAll(RichImageViewRenderer.java:486)
    at oracle.adf.view.rich.render.RichRenderer.encodeAll(RichRenderer.java:1432)
    at org.apache.myfaces.trinidad.render.CoreRenderer.encodeEnd(CoreRenderer.java:358)
    at org.apache.myfaces.trinidad.component.UIXComponentBase.encodeEnd(UIXComponentBase.java:840)
    at javax.faces.component.UIComponent.encodeAll(UIComponent.java:937)
    at oracle.adfinternal.view.faces.util.rich.InvokeOnComponentUtils$EncodeChildVisitCallback.visit(InvokeOnComponentUtils.java:142)
    at org.apache.myfaces.trinidadinternal.context.FullVisitContext.invokeVisitCallback(FullVisitContext.java:154)
    at org.apache.myfaces.trinidad.component.UIXComponent.visitTree(UIXComponent.java:401)
    at org.apache.myfaces.trinidad.component.UIXComponent.visitTree(UIXComponent.java:326)
    at oracle.adf.view.faces.bi.component.graph.UIGraph.visitTree(UIGraph.java:467)
    at org.apache.myfaces.trinidad.component.UIXComponent.visitTree(UIXComponent.java:469)
    at org.apache.myfaces.trinidad.component.UIXComponent.visitTree(UIXComponent.java:326)
Te first line in the stackTrace, where NPE occurs actually is following statement (from CommonBinding.java:)
sb.append(getBindingContainer().getBindingContext().getCurrentDataControlFrame());
(sb is the StringBufer, and is not null)
Any idea ?
Any working sample anywhere ?

Hi Shay, thanks for useful response. Here is getModel() method from my custom ActiveDataModelDecorator:
public DataModel getModel() {
if (graphData == null) {
FacesContext fc = FacesContext.getCurrentInstance();
Application app = fc.getApplication();
ExpressionFactory elFactory = app.getExpressionFactory();
ELContext el = fc.getELContext();
// This is EL to avoid typecasting to an Internal class.
ValueExpression ve = elFactory.createValueExpression(el,
"_original_graph_value_from_pageDef", Object.class);
// Now GET the collectionModel
graphData = (DataModel)ve.getValue(el);
return graphData;
Now, if I understand correctly, you suggest to avoid this way, and to build DataModel in another way, "by hand" ? I probably have a way to access ViewObject with data, but have no idea how to build DataModel instance from that data. Maybe you have one example how to do that ?
P.S. sorry for formatting, this editor crazes me :-(

Dvt:barGraph - how to get value of clicked bar on browser side

I am trying to implement a drill-down function where the end user selects a bar on the dvt:barGraph. I would need to be able to get the value of the selected bar, and pass this value to a third-party javascript library.
I have tried experimenting with
<dvt:shapeAttributes component="GRAPH_TWODMARKER" clickable="true" clickListener="#{backingBeanScope.backing_MyPage.barClicked}"/>
The backing-bean method implementation is
public String barClicked(ClickEvent event) {
ComponentHandle handle = event.getComponentHandle();
if (handle instanceof DataComponentHandle) {
DataComponentHandle dHandle = (DataComponentHandle) handle;
Double barValue = (Double) dHandle.getValue(DataComponentHandle.UNFORMATTED_VALUE);
return "alert(\"" + barValue.toString() + "\");";
else {
return "alert(\"0.0\");";
However, when I clicked on a bar on the graph I do not see the javascript alert method popup.
I also tried
<dvt:shapeAttributes component="GRAPH_TWODMARKER" onClick="#{backingBeanScope.backing_MyPage.onClicked}"/>
using the backing-bean method
public String onClicked(ComponentHandle handle) {
if (handle instanceof DataComponentHandle) {
DataComponentHandle dHandle = (DataComponentHandle) handle;
Double barValue = (Double) dHandle.getValue(DataComponentHandle.UNFORMATTED_VALUE);
return "alert(\"" + barValue.toString() + "\");";
else {
return "alert(\"0.0\");";
However, using onClick causes the graph to be not displayed at all. All I see is a grayed-out area where the bar graph is supposed to be rendered.
I can produced a javascript alert using the following:
<dvt:shapeAttributes component="GRAPH_TWODMARKER" onClick="alert('hello');"/>
Is there another technique I could try? If possible, I would like to be able to get the bar's value on the client side, so there is no AJAX call performed.
The JDeveloper version I am using is
Studio Edition Version 11.1.1.1.0
Build JDEVADF_11.1.1.1.0_GENERIC_090615.0017.5407
The web browser I am using is IE8, Version: 8.0.6001.18702IC
Thank you.

Has anyone came across this same problem before and were you able to solve it? If yes, how were you able to solve it?
Thanks

Dvt:barGraph how to put anotation text at multiple positions

We are rendering some data in the form of bargarph using dvt:barGraph.
Here we want to achieve couple of usecases which are as following
1) we need to put anotation text at multiple positions on the graph.
2) We are using Reference Objects in the bar graph. The text that appears as tooltip for these Reference Objects, we want to render that text embedded in the reference objects as static text.
how to acheive the above?
I am using Jdev 11.1.1.3.0
Thanks
Ajay
Edited by: Ajay on Mar 13, 2012 6:06 AM

The "clipboard" service for copy and paste between applications on a PC is usually a built-in function of the operating system - Mac, Windows, Linux, etc. There are applications available for extending the clipboard feature; I use one named Clip Trakker which allows me to save multiple "text clips" of ''[say]'' text from the internet which are saved in Clip Trakker, and then paste each of those "text clips" into a different program like Word ''[I actually use Libre Office]''.
I am not familiar with applications for Mac OSX, so I can't make any recommendations about an application.
As far as extensions for Firefox, there are many extensions that come up in a [https://addons.mozilla.org/en-US/firefox/search/?q=clip&appver=any&platform=all search for "clip"] at the Add-ons Mozilla Org website. You can look to see if you can find any that will do what you want to do, like maybe this one: <br />
https://addons.mozilla.org/en-US/firefox/addon/clipboard-plus/

Pagination Kind of Implementation for DVT:BARGRAPH

Hi,
Currently im using dvt:BarGraph component to display the inventory information. Since we are showing all the information at once, it is not readable to the user. Hence, we got the requirement something like this :
1.Display the first 10 inventory information in the graph.
2.And the on Click of Next button display next 10.
3.Similarly on click of previous button display previous 10.
This is exactly similar to table component pagination in 10g. And i'm not sure whether we can do it or ... But the whole point is to display the data to the user in chunks instead of all at once.
It would be great if any of you can suggest me the best way to do this.
Thanks in advance.
Regards,
Kiran Konjeti

Has anyone came across this same problem before and were you able to solve it? If yes, how were you able to solve it?
Thanks

Can't format dvt:barGraph integers correctly

Hi OTN,
I've got a DVT barGraph on my page, the values of the bars are only integers. Those integers are showed as '631,0' or '2,000', while I want them to be just '631' and '2'.
How do I archieve this?
Trying to mess with af:convertNumber, but no luck.
<dvt:markerText id="markerText2" rendered="true">
                                <dvt:y1Format id="y1Format1">
                                    <af:convertNumber type="number" maxFractionDigits="0"/>

                                    </dvt:y1Format>
                            </dvt:markerText>ADF 11.1.2.1
Thanks.

Ah, here what helps: <dvt:markerText id="markerText2" rendered="true">
                                <dvt:y1Format id="y1Format1">
                                    <f:converter converterId="javax.faces.Integer"/>
                                    </dvt:y1Format>
                            </dvt:markerText>Even though JDev marks it as error, it works.
Any other suggestions? I don't like this false error red mark. :)

Animations of dvt:barGraph with threeDEffect

Hi,
I have a use case to show 3D graphs with animation as graphs gradually increasing upwards during initial display.
To achieve this i have set follwing properties on dvt:barGraph.
threeDEffect="true"
animationDuration="1000"
animationOnDisplay="auto"
animationIndicators="ALL"
The animationondisplay=auto never shows animation with threeDEffect="true" , if i change this to animationondisplay=zoom, i do see the animation of zoom, during initial rendering.
The moment i change threeDEffect="false" and animationondisplay=auto i do see the graphs gradually increasing upwards during initial display, but the graphs are no more 3D.
Is this expected behavior? ThreeDEffect on graph does not support animationOnDisplay="auto"(graphs gradually increasing upwards during initial display)?
I am using following jdeveloper version: JDEVADF_11.1.1.6.0_GENERIC_111205.1733.6192.1

Has anyone came across this same problem before and were you able to solve it? If yes, how were you able to solve it?
Thanks

Regarding dvt:barGraph individual bar as %

Hi All,
I am having a bargraph using dvt:barGraph with % in Y axis.But when the bars are showing in y axis then the % are not specific to the individual bars.They are like 0 20 40 60 80 100 % .I have three individual bars.So I want to show individual % of bar ..Please let me know how can we do that ....
Here is my code :
<dvt:barGraph id="barGraph1" subType="BAR_VERT_PERCENT" tabularData="#{pollSurveyBean.tabularData}"
animationOnDataChange="ON" threeDEffect="true"
seriesTooltipLabelType="TLT_DIM_MEMBER"
imageFormat="AUTO"
flashDefaultFontLoading="FLASH_DEFAULT_FONT_LOADING_ALL"
dynamicResize="DYNAMIC_SIZE"
animationOnDisplay="AUTO" drillingEnabled="false"
markerTooltipTemplate="Y_VALUE"
markerTooltipType="MTT_VALUES">
<dvt:background>
<dvt:specialEffects/>
</dvt:background>
<dvt:graphPlotArea borderTransparent="true"/>
<dvt:seriesSet defaultFitlineType="FT_LOGARITHMIC">
<dvt:series color="#4494d1"/>
<dvt:series color="#f8b853"/>
<dvt:series color="#999999"/>
</dvt:seriesSet>
<dvt:o1Axis scrolling="asNeeded"/>
<dvt:y1Axis axisMinAutoScaled="false" axisMinValue="0.0"
axisMaxAutoScaled="false" axisMaxValue="1.0" logarithmicBase="1">
<dvt:numberFormat id="numberFormat1"
numberType="NUMTYPE_PERCENT"
leadingZero="false" decimalDigit="0"/>
</dvt:y1Axis>
<dvt:legendArea automaticPlacement="AP_NEVER"
position="LAP_TOP" scrolling="asNeeded"/>
<dvt:graphTitle text="#{pollSurveyBean.getQuestion}">
<dvt:graphFont id="graphFont1" name="Arial" bold="true"/>
</dvt:graphTitle>
<dvt:y1MajorTick id="y1MajorTick1" tickStyle="GS_EXTENDED"/>
<dvt:o1TickLabel id="o1TickLabel1"/>
<dvt:legendTitle id="legendTitle1">
<dvt:graphFont id="graphFont2" name="Arial"/>
</dvt:legendTitle>
<dvt:y1TickLabel id="y1TickLabel1"/>
</dvt:barGraph>

I found this thread while searching for a solution to a similar problem.
We can reach a workaround by using <dvt:annotation>, see more: http://docs.oracle.com/cd/E24001_01/apirefs.1111/e12418/tagdoc/dvt_annotation.html
So our page should look like:
<dvt:barGraph id="barGraph1"
              value="#{bindings.MyGraphView1.graphModel}"
              subType="BAR_VERT_CLUST">
<dvt:annotationSet>
    <af:forEach begin="0"
                end="#{bindings.MyGraphView1.estimatedRowCount - 1}"
                varStatus="vs">
      <dvt:annotation text="#{cf:getValue(bindings.MyGraphView1.graphModel, vs.index, 0)}"
                      series="#{vs.index}"/>
    </af:forEach>
</dvt:annotationSet>
</dvt:barGraph>In the page definition:
<graph IterBinding="MyGraphView1Iterator"
       id="MyGraphView1"
       xmlns="http://xmlns.oracle.com/adfm/dvt" type="BAR_VERT_CLUST">
<graphDataMap leafOnly="true">
    <series>
      <data>
        <item value="Salary"/>
      </data>
    </series>
    <groups>
      <item value="DepartmentId" label="DepartmentName"/>
    </groups>
</graphDataMap>
</graph>And this is the code of taglib function cf:getValue:
public static Object getValue(oracle.adf.view.faces.bi.model.DataModel model, Integer row, Integer col)
throws oracle.dss.util.RowOutOfRangeException, oracle.dss.util.ColumnOutOfRangeException
oracle.dss.util.DataAccess da = model.getDataAccess();
return da.getValue(row, col, oracle.dss.util.DataMap.DATA_VALUE);
}AP

Dvt:barGraph and inputRangeSlider componets usage

Hi,
I have a page which is implemented with dvt:barGraph. This bar graph represents the current inventory information. While representing the huge number of records over this graph, the graph is really not readable. Hence we would like to use the component
af:inputRangeSlider ... where user can enter window like start range & end range.
For ex: for the given search criteria we got 100 records. But user would like to see the records from 35th to 75th records. Using this slider component user selects the min & max ranges.
The question here is ... the bargraph is being rendered based on a VO. and the component we are specifying is an additional component. Do you have any idea about implementing this or is there any demo available.
Please let me know your suggestions about the same.
Thanks & Regards,
Kiran Konjeti

You can use bind variables in your VO's where clause. Drag the executeWithParams operation to your page and then manually
connect the range selector to the bind variable in your page.
Similar in concept to this:
http://blogs.oracle.com/shay/2011/01/adding_an_lov_to_a_query_param.html

Dvt:barGraph with no space between bars

I have a dvt:barGraph that uses the BAR_VERT_STACK subType.
Is the a way to make the graph so that the vertical bars appear next to each other, eg, there is no space between 2 consecutive bars?
Basically, I want the bar graph to appear as a histogram.
Thanks

Betty,
If your images are in jpg, you can open them with IE. Right click a file, choose Open With, choose IE.
If your files are in the .psd format, you will have to use PSE.
Regarding your first question...I'm a little confused as to if you mean borderless paper. Assuming you just want to print several images on one piece of photo paper with their edges touching, for ease of cutting I suppose, you can do that in PSE.
Create a new canvas the size of your photo paper and assign the same resolution to it as your images. Open each image and drag/drop it onto the blank page. Arrange images as desired by locating said image in the Layers Palette, make that layer active and use the Move Tool to reposition it. Change layers to move a different image and so on.

Dvt bargraph not showing proper data on x axis

hi,
I am using a <dvt:barGraph> on my jsff page. It reads data from the viewObject. On x axis, i have set the values as date. For the very first bar, it displays the date correctly in format 'dd-month-yyyy' but for all the subsequent bars, it just shows the date i.E. just 'dd'.
can anyone help plz?
code:
<dvt:barGraph id="graph1" value="#{bindings.viewObject11.graphModel}" subType="BAR_VERT_STACK"
inlineStyle="height:160px; width:100%;" seriesEffect="SE_GRADIENT"
seriesRolloverBehavior="RB_HIGHLIGHT" threeDEffect="true"
contentDelivery="immediate" imageFormat="PNG" >
<dvt:background>
<dvt:specialEffects/>
</dvt:background>
<dvt:graphPlotArea/>
<dvt:seriesSet>
<dvt:series/>
</dvt:seriesSet>
<dvt:o1Axis/>
<dvt:y1Axis />
<dvt:legendArea automaticPlacement="AP_NEVER"/>
</dvt:barGraph>
jdev version:11.1.1.4.0
Edited by: user12333779 on Feb 10, 2012 9:30 PM

Hi Abhishek,
For your questions, please check the listed items as below:
1. The Cumulative Flow Diagram shows the flow of the items on your backlog, and it will only show the last 30 weeks of data. You can check the links below for more information about cumulative flow diagram:
http://blogs.msdn.com/b/visualstudioalm/archive/2006/01/12/511845.aspx
http://adiws.blogspot.com/2012/04/scrum-for-team-system-product.html
2. If you want to check the work item status work items in a particular period, seems it's not available for TFS 2012. You can use work item query with start date and finish date and then create a chart by the query if you use TFS 2013 Update 2 or above.
Check this page
for more information.
Best regards,
We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
Click
HERE to participate the survey.

Multiple DVT Bargraphs: Fixing the (0,0) position, consistently

Hi,
In our project, we have a requirement where we will be displaying three graphs using bargraph (BAR_VERT_CLUST) tabular data property (which gets values from backend).
As and when the input values are changed, the graphs will be reset with the new values.
I want to set the position of the (0,0) same in all the graphs i.e., at the center of the graph.
Now we see that, ADF itself decides the (0,0) position. Thus, when we have more than one graph, the (0,0) point is not positioned at the same location on the graphs
Kindly, suggest if there is anyway to set the position of axis fixed in this scenario.
Thanks,
Pandu

Hi,
In our project, we have a requirement where we will be displaying three graphs using bargraph (BAR_VERT_CLUST) tabular data property (which gets values from backend).
As and when the input values are changed, the graphs will be reset with the new values.
I want to set the position of the (0,0) same in all the graphs i.e., at the center of the graph.
Now we see that, ADF itself decides the (0,0) position. Thus, when we have more than one graph, the (0,0) point is not positioned at the same location on the graphs
Kindly, suggest if there is anyway to set the position of axis fixed in this scenario.
Thanks,
Pandu

How show / Hide DVT : barGraph programatically.

Hi All ,
I have requirement ,
The page have two graph ,
Based on user action one bar graph should display and another bar graph should hide.

Sorry about the confusion. What I meant was, I tested with both setting entitlement and DA roles (separately) and found that the usecase you are describing works. BTW, you are right in that only visitor entitlement roles effect dvt functionality. I just wanted to check if setting DA roles wasn't causing some undesirable behavior.
Back to the issue you are having, I am assuming you are talking about setting a 'view' entitlement for 'role1' on the primary book and logging in as a user that is not in 'role1' but has 'edit' rights on a child page or book of the primary book. In that case you shouldn't be able to see anything since you don't have view rights to the main book. If that is not the case, can you provide details about your setup?
Here is what I tested and found working. Set an 'edit' entitlement for 'role1' and a 'view' entitlement for 'role2' on the primary book. When logged in as a user from 'role2' I cannot see the 'Customize' gear icon on the primary book but I can see the gears on child books, pages and portlets. I tested the usecase with non-primary books and that works too.
Thanks

How to customize yAxis of ADF bar: dvt:barGraph

Hi buddies,
I met a problem on designing dashboard these days. Now the values of yAxis is not fixed, it usually displays "0,0,1,2,2,3,4,4,4..." I don't want it displays like that, it should be "0,1,2,3,4,..." any one knows how to customize it?
Thanks a lot.

Is it possible to set the value type on this component?

Bar graph :customize style class.

hi all,
i m using dvt:barGraph. for different groups of graph i want apply my own color, which is not there in current styles available.i also want to control width and height of the
bars group graph.
can anyone tell me how to do this.how to apply css to this ???
thanks,
dhiraj
Edited by: dhiraj shingavi on Dec 21, 2010 10:30 PM

anyone has any idea.....m really stucked here..:(:(.

DVT BarGraph Style

Similar Messages

Maybe you are looking for