Business graphics ui element

Hi,
Please can you tell,
How to work with Business Graphics UI Element with Brief steps
Regards,
Boots.

Hi,
Refer pdf at https://www.sdn.sap.com/irj/scn/go/portal/prtroot/docs/library/uuid/3261cd90-0201-0010-268c-d8d72e358af6
http://help.sap.com/saphelp_nw04/helpdata/en/e5/08b6eb35637a44830b9e6df22987aa/frameset.htm (SAP Library)
Kind Regards,
Nitin
Edited by: Nitin Jain on Feb 18, 2009 12:09 PM

Similar Messages

How to use series in business graphic ui element

Hi All,
How to use the series in business graphic ui element? my requirement is i have to display the sales in selected months in graph(these values dont know at design time).
Regards
Srikanth

Hi,
Use the dynamic node and bind this node to the BG source node and series nodes.
Create a node and bind this node to the BG source and the value that you want to shown in series has to be bound to that attribute of the node and similarly with the category.
Check out for the dynamic node creation and bind this node to the BG.
Regards,
Lekha.

Business Graphic UI Element - Major Ticks Property

Dear All,
We have a requirement to modify the existing Business Graphic UI element (Line Graph).
We are not able to increase the major ticks property of Business Graphic UI element to 21.
Are there any constraints on this property ?
Thanks.

Hi,
Do you mean the properties of the ValueAxis-Line, Number = 21 and Major tick calculation = Manual ticks?
I do not see a restriction. Everything works fine.
Make sure to use the latest IGS!
Regards, Kai

Business Graphics UI element Time_Scatter

Hi,
Can anybody provide a example for implementing Business Graphics UI element of chart type time_Scatter.
Regards,
Vaibhav

Hi VaiBhav,
Please go through these links,
http://help.sap.com/saphelp_nw04s/helpdata/en/ed/258841a79f1609e10000000a155106/frameset.htm
http://help.sap.com/saphelp_nw04/helpdata/en/18/d4d43fb9490c65e10000000a114b1d/frameset.htm
http://help.sap.com/saphelp_nw04/helpdata/en/a8/1cd93f5e0f9015e10000000a155106/frameset.htm
/people/perumal.kanthan/blog/2005/04/07/business-graphics-real-time-scenariospart-ii
Regards,
Ramganesan K.

Business Graphics UI element Column Width

Hi Experts,
I am using business graphics UI element in my Web Dynpro application to display the chart in columns .
I am able to display the chart properly based on the node data.
But the issue that I am facing is that when the node data is less, the column in the chart is getting expanded(column width is increased) as I am not able to set the width of the column dynamically based on the node size.
The column width keeps on changing based on the node size.
Is there any possible way to set the column width dynamically or fix the column width irrespective of the node size?
Best Regards,
Anurag

Hi Guys,
Is there any update on this?
Best Regards,
Anurag

Business Graphic show elements sorted

Hi ,
i use a business graphic UI Element to display some results.
Categorie -String (Projectname)
1 Serie -Integer (Changelists sum)
How could i show these elements sorted on diagram? I have sorted the elements by using the function node.sort(Comparator), but the Business Graphic UI Element seems not to match it.
my Comparator class:
private static final Comparator DEFAULT = new Comparator(){
     public int compare(Object o1, Object o2) {
     if (o1 == null && o2 == null)
                              return 0;
     if (o1 == null)
                              return -1;
     if (o2 == null)
     return +1;
IPrivateBusinessGraphics.ICategoriesPieChartElement
o1_new =(IPrivateBusinessGraphics.ICategoriesPieChartElement)o1;
IPrivateBusinessGraphics.ICategoriesPieChartElement o2_new=(IPrivateBusinessGraphics.ICategoriesPieChartElement)o2;
if(o1_new.getChangeListsSum()>o2_new.getChangeListsSum()){
return 1;
else if(o1_new.getChangeListsSum()<o2_new.getChangeListsSum()){
return -1;
else{
return 0;
Could you help please to solve this problem?
Thank you in advance!
Best Regards,
Daria

use the following steps...
1. open that chart editor using Edit Customizing Option.
2. from the Overview select Series node. Right click on it and Add Series.
3. Series1 will be added. now select Series1 and in the below section go to Area Properties node.
4. expand it and choose the color you want for the first series.
5. similarly add Series2 with teh desired color.
6. then go to the view designer after saving the required changes.
7. go to the properties of simpleseries1 and in customizingID field write 'Series1'.
8. similarly fill other simpleseries also with the respective values.
save it
activate and its done.
thanks
sarbjeet singh
Edited by: sarbjeet singh on Apr 28, 2011 3:58 PM

Setting series color in the Business Graphics UI element

Hi all,
I'm using the Business Graphics UI element in my Web Dynpro application.
I set the color for various properties using chart designer, then I add the generated XML in the doModifyView method: bg.setDirectCustomizing(xml file) and most of it works.
However, when I change the series' color, I don't see any change in the xml file (see snapshot).
http://img90.imageshack.us/my.php?image=graphjy1.jpg
My xml starts with <SAPChartCustomizing> and ends with </SAPChartCustomizing>.
How can I set the series' color using the custom xml file?
Thanks,
Omri

Hi,
as the connection between your data and the customizing settings works via IDs you have to make sure that you set exactly the same ID for a data series as defined in the chart designer.
In case that you use point customizing make sure that you do not set an ID for the points of your series. Instead set the series customizing ID for the series only! Keep in mind that point customizing always overwrites series customizing if both are defined.
Regards, Kai

Customizing Property of Business Graphics UI Element

Hello Web DynPro Developers,
I'm trying to implement a dynamicly created Business Graphic. In order to set the properties for the "Series" (which will normaly be set through the Chart Designer) i try to deliver a XML Customizing File with the customizing properties.
The API Documentation says that this property requieres a URL which points to a valid XML file.
After setting the Customizing property to a URL with an XML Configuration, the J2EE Engine does not try to retrieve the XML document (traffic watch).
Is this a not implemented feature? How to set the configuration of Business Graphic dynamically?

Dear Kai,
Thanks a lot for your response.
1. According to your suggestion (note 531668), it has been found that XMLCHART is already installed on our Integrated IGS server.
2. According to note 1028690, it has been found that "IGS 6.40 with patch level 19 or higher" should be available, but in our case we have "IGS 6.40 with patch level 16". Now what I would like to inquire is that does upgradation have any side effects on server?
For your information I would like to clear you that I want to use Vrinda font (its a standard font), but at present font shown in the chart is Arial.
Do we need to install some other Interpreter (eg. GFWCHART)? or some thing else is required to show the desired standard font?
Regards,
Nittin

Unable to set fontFamily property in Business Graphics UI Element?

Dear All,
I was trying to set the fontFamily property of BusinessGraphics(BG) UI Element. After setting the fontFamily property for BG UI Element, this property is not getting reflected in the chart in Portal but it is reflected under Chart designer. Is there something which is overwriting the user defined setting for fontFamily? and I am not using any URL for IGS.
On the other other UI Element properties like ChartType and dimention are reflected in both Chart Designer and Portal.
Please respond at ur earliest.
Thanks in advance.
Regards,
Nittin
Edited by: Nittin Garg on Jun 18, 2008 11:33 AM

Dear Kai,
Thanks a lot for your response.
1. According to your suggestion (note 531668), it has been found that XMLCHART is already installed on our Integrated IGS server.
2. According to note 1028690, it has been found that "IGS 6.40 with patch level 19 or higher" should be available, but in our case we have "IGS 6.40 with patch level 16". Now what I would like to inquire is that does upgradation have any side effects on server?
For your information I would like to clear you that I want to use Vrinda font (its a standard font), but at present font shown in the chart is Arial.
Do we need to install some other Interpreter (eg. GFWCHART)? or some thing else is required to show the desired standard font?
Regards,
Nittin

Refresh the Business Graphics Data on click of next page event of a table

Hi Experts,
We are using Business Graphics UI element in Web dynpro Java to display a table data.
We are limiting the graphics data to 12 table entries at a time.
Now, I just want to know how can we refresh the Business Graphics data when the user clicks on the Next Page option at the bottom of the table.
This is applicable if we have more than 12 table entries and we've restricted the visible row count to 12.
So, for more than 12 entries; when the user selects the next page, I want the next set of data to be displayed in the Business Graphics UI element.
But I am not able to get the action for the Next Page event.
Please note that we are on Netweaver 7.01.
Kindly suggest as how can we achieve this functionality.
Kind Regards,
Anurag

check this
Web Dynpro Java Table Paging Unleashed: Optimizing Heavy Table Performance

Business Graphics - Bar Chart - How to make the height extendable

Hi Experts,
I have created Business Graphics UI element for my WD application which fetches data from R/3. I am displaying
1) Cost Element in Y-axis and Cost in X-axis.
2) I have set ChartType = Bar, height = 300, width = 830
When the no of cost elements is upto 7-8, the graph is getting displayed correctly.
However when the no of cost elements increases to more than 12, the graph becomes un readable. The system displays lot of texts in Y-axis.
I want to make sure that if no of cost elements increases, the Y-axis of graph should extend.
How we can do so?
Regards,
Gary

I could not got any solution of this issue. Finally I convinced the customer to display only top 10 records. Any way higher level managers won't have time to see the graphs of all data.
One way of resolving the issue is like this - create say 3 Business Graphic UI element. The height of Business Graphic UI element can be set as 300, 600, 900 etc.
For 10 records use Business Graphic UI element of height 300.
For 20 records use Business Graphic UI element of height 600.
For 30 records use Business Graphic UI element of height 900.
Use the 'Visibility' data type to hide / unhide the Business Graphic UI of different height.

Edit customisation in Business graphics is not working

Hi Experts,
I created business graphic UI element of chart type "Speedo meter" . I am trying to chnage the colors of the chart by using
'EDIT CUSTOMISATION' .When i change the clors in preview colors are chnaging but when i test my application it is nit showing the whatever i did in edit customisation ( ni color change ) . Please tell me do i need to configure anything ?
Thanks in advance,
Setu

Hi,
please refer below link .
[http://www.sdn.sap.com/irj/scn/index?rid=/library/uuid/ca932ebc-0901-0010-68a0-b4dd81a4bf81&overridelayout=true]
Regards,
Priya

Business Graphics API in WEBAS J2EE

Hi,
i have a business graphic integrated into my webdynpro application. I checked the api documentation for business graphics and found out, how to change the type of the business graphic and the number of dimensions programmatically.
On the API, i cannot find out any further possibilities of modifing the chart programmatically. I wonder about this, because the business graphic UI - element in NetWeaver Developer studio provides much more configuration possibilities on charts.
For example, i would like to use the averagre functions or adapt the number of labels on the chart axis. But all dynamically.
Has anyone experience, with such advanced business graphics features and nows if it is somehow possible to get to theses features by using the NetWeaver API?
Thank you very much in advance.
Regards
Christoph

As I understand, your user management is through database, so when a user is created in your application, the parameters pass through the Action Handler -> service class-> DAO. So a better way would be write an additional class with the user management implementation of BO with a constructor or a method which would take the required user creation parameters and call it in the service class just under the user creation method of your DAO.
As the user in your system passes some information from the front end, the same can be used to create user in BO.

Dynamic Values in Business Graphics Tool Tip

hi,
I am using business graphics ui element in my webdynpro application.I am able to get the graghical output correctly.I want to have tool tip in my graph so when I place the cursor on a point, the tool tip should give the corresponding value.I have used the following code
try
     String[] catLabels = {
                    "Team 1", "\1Tomoko Akino", "\1Hans Bosch", "\1Marvin Smith",
                    "Team 2", "\1Jose Vega", "\1Bao Yin", "Out of office" };
        String[][] pointCustomizing = {
                    { "approved", "cancelled", "approvedPartTime" },
                    { "approved" },
                    { "approved" },
                    { "sent", "approvedPartTime", "notsentPartTime", "notsent"},
                    { "approved", "zSeveralEntries", "zSeveralEntries",
                      "zSeveralEntries", "zSeveralEntries", "zSeveralEntries",
                      "zSeveralEntries" },
                    { "outOfOffice", "outOfOffice", "outOfOffice", "outOfOffice",
                      "outOfOffice", "outOfOffice", "outOfOffice", "outOfOffice",
                      "outOfOffice", "outOfOffice", "outOfOffice", "outOfOffice",
                      "outOfOffice", "outOfOffice", "outOfOffice" }
        String[][] pointLabels = {
                    { "1", "2", "2", "2", "4", "3", "3", "3", "1", "1", "2", "1",
                      "2", "1", "1" }
        String[][][] timeValues = {
                    { { "20020528", "20020606" }, { "20020606", "20020608" },
                      { "20020610", "20020611" } },
                    { { "20020531", "20020606" } },
                    { { "20020607", "20020613" } },
                    { { "20020527", "20020601" }, { "20020606", "20020607" },
                      { "20020612", "20020613" }, { "20020617", "20020619"} },
                    { { "20020531", "20020606" }, { "20020531", "20020601" },
                      { "20020601", "20020602" }, { "20020602", "20020603" },
                      { "20020603", "20020604" }, { "20020604", "20020605" },
                      { "20020605", "20020606" } },
                    { { "20020527", "20020528" }, { "20020528", "20020529" },
                      { "20020529", "20020530" }, { "20020530", "20020531" },
                      { "20020531", "20020601" }, { "20020603", "20020604" },
                      { "20020604", "20020605" }, { "20020605", "20020606" },
                      { "20020606", "20020607" }, { "20020607", "20020608" },
                      { "20020610", "20020611" }, { "20020611", "20020612" },
                      { "20020612", "20020613" }, { "20020617", "20020618" },
                      { "20020618", "20020619" }}
        String s[]={"a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z","a1","a2","a3","a4","a5","a6","a7","a8","a9","a10","a11","a12","a13","a14",};
        IPrivateSBusinessGraphicsSampleView.ICategoryNode catNode = wdContext.nodeCategory();
        for (int catIndex = 0; catIndex < catLabels.length; ++catIndex)
           IPrivateSBusinessGraphicsSampleView.ICategoryElement catElement = catNode.createCategoryElement();
           catNode.addElement(catElement);
           catElement.setDescription(catLabels[catIndex]);
        // loop over series
        IPrivateSBusinessGraphicsSampleView.ISeriesNode seriesNode = wdContext.nodeSeries();
        for (int seriesIndex = 0; seriesIndex < timeValues.length; ++seriesIndex)
           IPrivateSBusinessGraphicsSampleView.ISeriesElement seriesElement = seriesNode.createSeriesElement();
           seriesNode.addElement(seriesElement);
           // set series attributes (...)
           IPrivateSBusinessGraphicsSampleView.IPointNode pointNode = seriesElement.nodePoint();
           // loop over points
           for (int pointIndex = 0; pointIndex < timeValues[seriesIndex].length; ++pointIndex)
             IPrivateSBusinessGraphicsSampleView.IPointElement
                       pointElement = pointNode.createPointElement();
             pointNode.addElement(pointElement);
             String ename = s[pointIndex];
             wdComponentAPI.getMessageManager().reportSuccess("name:"+ename);
             pointElement.setStartValue(timeValues[seriesIndex][pointIndex][0]);
             pointElement.setEndValue(timeValues[seriesIndex][pointIndex][1]);
             pointElement.setCuId(pointCustomizing[seriesIndex][pointIndex]);
             pointElement.setLabel(pointLabels[seriesIndex][pointIndex]);
             pointElement.setToolTip(ename );
     catch(Exception e)
             wdComponentAPI.getMessageManager().reportSuccess("exc2:"+e);
By the above code ,I am getting the tool tip with the value "a" in all locations.
But I need to have different values in the tooltip corresponding to the location.
Please Help....
Thanks in advance,
Shamila

hi,
Still I did not get the dynamic tool tip..........
In wdDoInit() I have written the following code
try
     String[] catLabels = { "Team 1", "\1Tomoko Akino", "\1Hans Bosch", "\1Marvin Smith",
               "Team 2", "\1Jose Vega", "\1Bao Yin", "Out of office" };
        String[][] pointCustomizing = {
                    { "approved", "cancelled", "approvedPartTime" },
                    { "approved" },
                    { "approved" },
                    { "sent", "approvedPartTime", "notsentPartTime", "notsent"},
                    { "approved", "zSeveralEntries", "zSeveralEntries",
                      "zSeveralEntries", "zSeveralEntries", "zSeveralEntries",
                      "zSeveralEntries" },
                    { "outOfOffice", "outOfOffice", "outOfOffice", "outOfOffice",
                      "outOfOffice", "outOfOffice", "outOfOffice", "outOfOffice",
                      "outOfOffice", "outOfOffice", "outOfOffice", "outOfOffice",
                      "outOfOffice", "outOfOffice", "outOfOffice" } };
                String[][] pointLabels = {{ " ", " ", " " },{ " " },{ " " },{ " ", " ", " ", " "},{ " ", " ", " ", " ", " ", " ", " " },
                              { "1", "2", "2", "2", "4", "3", "3", "3", "1", "1", "2", "1", "2", "1", "1" } };
              String[][][] timeValues = {{        { "20020528", "20020606" },
                      { "20020606", "20020608" },
                      { "20020610", "20020611" } },
                    { { "20020531", "20020606" } },
                    {   { "20020607", "20020613" } },
                    {   { "20020527", "20020601" },
                      { "20020606", "20020607" },
                      { "20020612", "20020613" },
                      { "20020617", "20020619"} },
                    { { "20020531", "20020606" }, { "20020531", "20020601" },
                      { "20020601", "20020602" }, { "20020602", "20020603" },
                      { "20020603", "20020604" }, { "20020604", "20020605" },
                      { "20020605", "20020606" } },
                    { { "20020527", "20020528" }, { "20020528", "20020529" },
                      { "20020529", "20020530" }, { "20020530", "20020531" },
                      { "20020531", "20020601" }, { "20020603", "20020604" },
                      { "20020604", "20020605" }, { "20020605", "20020606" },
                      { "20020606", "20020607" }, { "20020607", "20020608" },
                      { "20020610", "20020611" }, { "20020611", "20020612" },
                      { "20020612", "20020613" }, { "20020617", "20020618" },
                      { "20020618", "20020619" }} };
        String s[]={"a","b","c","d","e","f","g","h","i","j","k","l","m","n","o","p","q","r","s","t","u","v","w","x","y","z","a1","a2","a3","a4","a5","a6","a7","a8","a9","a10","a11","a12","a13","a14",};
        IPrivateSBusinessGraphicsSampleView.ICategoryNode catNode = wdContext.nodeCategory();
        IPrivateSBusinessGraphicsSampleView.ICategoryElement catElement;
        for (int catIndex = 0; catIndex < catLabels.length; ++catIndex)
            catElement = catNode.createCategoryElement();
           catNode.addElement(catElement);
           catElement.setDescription(catLabels[catIndex]);
         // loop over series
        IPrivateSBusinessGraphicsSampleView.ISeriesNode seriesNode = wdContext.nodeSeries();
        for (int seriesIndex = 0; seriesIndex < timeValues.length; ++seriesIndex)
           IPrivateSBusinessGraphicsSampleView.ISeriesElement seriesElement = seriesNode.createSeriesElement();
           seriesNode.addElement(seriesElement);
           // set series attributes (...)
           IPrivateSBusinessGraphicsSampleView.IPointNode pointNode = seriesElement.nodePoint();
           IPrivateSBusinessGraphicsSampleView.IPointElement pointElement;
           // loop over points
           for (int pointIndex = 0; pointIndex < timeValues[seriesIndex].length; pointIndex++)
             //IPrivateSBusinessGraphicsSampleView.IPointElement
             pointElement = pointNode.createPointElement();
             pointNode.addElement(pointElement);
             String ename = s[pointIndex];
              wdComponentAPI.getMessageManager().reportSuccess("name:"+ename);
             pointElement.setStartValue(timeValues[seriesIndex][pointIndex][0]);
             pointElement.setEndValue(timeValues[seriesIndex][pointIndex][1]);
             pointElement.setCuId(pointCustomizing[seriesIndex][pointIndex]);
             pointElement.setLabel(pointLabels[seriesIndex][pointIndex]);
              pointElement.setToolTip(ename );
catch(Exception e){        wdComponentAPI.getMessageManager().reportSuccess("exc2:"+e);    }
In wdDoModifyView() I have written the following code
try
     IWDBusinessGraphics graph = (IWDBusinessGraphics)view.getElement("BusinessGraphics");
     IWDAbstractSeries allSeries[] = graph.getSeriesList();
     IWDSimpleSeries series;
     wdThis.wdGetAPI().getComponent().getMessageManager().reportSuccess("length : "+allSeries.length+" value:"+allSeries[0]);
     for(int j=0;j<allSeries.length;j++)
       series = (IWDSimpleSeries)allSeries[j];
      for(int i=0;j<wdContext.nodeSeries().size();i++)
          wdContext.nodeSeries().setLeadSelection(i);
          series.setTooltip(series.getValue());
catch(Exception e)
     wdThis.wdGetAPI().getComponent().getMessageManager().reportSuccess("exc modify :"+e);
The node structure is
Root Node
>Category>Description
>Series>Point-->CuId
>Series>Point-->endvalue
>Series>Point -->Startvalue
>Series>Point -->label
>Series>Point --->Tooltip
In BusinessGraphis seriesSource-Series node ,tooltip-Series.Point.ToolTip is mapped
In Category description-Category.Description is mapped
In Series pointsource-Series.Point, tooltip-series.point.tooltip is mapped
In Point CustomisingId-eries.point.cuId.label-Series.label, tooltip-series.point.Tooltip,valuesource -series.point is mapped
In Numericvalue value-series.point.startvalue is mapped
In Numericvalue value-series.point.endvalue is mapped
When I deploy my application I am getting <b>java.lang.ClassCastException</b> Exception at the line <b>series = (IWDSimpleSeries)allSeries[j];</b>
What is reaseon?.....
Please help..............
I want to get dynamic value in the tool tip of the graph.
Thanks in advance,
Shamila,

How to set multiple categories in Business graphics

Hi Experts,
I want to display column chart in using Business graphics UI element. My requirement is that I need to display sets of 5 series in 4 categories. I could able to create only one category and i am not getting option to create other 3 categories.
please help me how can i achieve this. Any kind of help would be much appreciated.
Thanks
Uday

Thanks Maksim,
I am still confused with other terms i mentioned in the code
http://wiki.sdn.sap.com/wiki/display/WDJava/WebDynproDynamicBusiness+Graphics
what does this nodeNumber refers to
what does this * IT_FinalElement * refers to
what does this * seriseNumber* refers to
there are so many questions? looks like in the above tutorial, the person has used SeriesList instead of SimpleSeries
I am totally lost. please help with any tutorial links for each scenarios
Thanks
Uday

Business graphics ui element

Similar Messages

Maybe you are looking for