Interactive Gantt Charts in Webdynpro

Hi at all,
Where can i find information about the interactive gantt element in webdynpro for java or rather code examples how to use this element?
thx

Hi Thomas,
there are two ways to implement a Gantt in Web Dynpro: Either one chartType of the BusinessGraphics element or you take the Gantt UI element (is an applet). Both are a kind of interactive, the Business Graphics has a better integration into WD (data binding is easier), the Gantt element has more possibilities for interaction.
For the Gantt you can have a look at this thread, it describes the Network element, but it is the same procedure as for Gantt.
Re: Using the "Network" UI Element
in addition:
Docu for Gantt UI element:
http://help.sap.com/saphelp_nw2004s/helpdata/en/42/c8e974d9cc6bb6e10000000a1553f6/frameset.htm
Docu for BusinessGraphics:
http://help.sap.com/saphelp_nw2004s/helpdata/en/3e/c450c4cf2f6d418204afeea17655d3/frameset.htm
BTW: For the Gantt you need NW2004s, Business Graphics are available since NW2004
Kind Regards
Stefanie

Similar Messages

Interactive Gantt chart & save functionality

I've been trying to develop an interactive Gantt chart within Web Dynpro ABAP. Things have been going fine and altough there doesn't seem to be much documentation available, I've managed to get a simple Gantt chart WD application up and running.
The following is said in the documentation:
"It is possible to store changes made within the displayed Gantt chart as data structures again in the back end."
I understand this that if I do changes to the Gantt chart, I should be able to "track" these changes in my code (and for example save the changes to database or whatever). Anyhow, I am not able to get this done. I've put break points to the event handler methods, and read the XML from the context node, but the XML has not changed.
I also enabled the SAVE functionality for the Gantt (in the XML), which made the Save-button visible. If I click the save-button, I would assume that at this point the XML is updated with the refreshed chart data. Anyhow, this does not seem to happen. The XML seem to have lost the relevant part of it (=basically everything under the <graph> tag, which would include the changes (this same problems was addressed also before: Interactive Gantt chart - how to receive updated XML after user changes)).
Any hints are welcome. I guess that this should not be impossible. I assume that for example in cProjects (which uses Gantt chart a lot) is using this functionality - unfortunately I don't have an access to a cProjects system.
Kind regards,
Karri

Long time, hah..
Anyways thanks to behave like a responsible person on SCN and taking care of your threads..
Liked.

Interactive Gantt chart - how to receive updated XML after user changes

Hello,
I failed to receive changed XML after user updates.
I've constructed following example:
Created context attribute of type XSTRING, binded it to the "dataSource" property of the Gantt chart control.
I pass following XML to the control:
<?xml version="1.0" encoding="iso-8859-5" ?>
<SAPJNetData version="1.0">
<Application type="GANTT" version="1.0" />
<TypeRepository version="1.0" href="/SAP/BC/WebDynpro/SAP/ZT_INV_WDR_TEST_GANTT/gantPR02P00086_3_tr.xml" />
<UserInterface version="1.0" href="/SAP/BC/WebDynpro/SAP/ZT_INV_WDR_TEST_GANTT/gantPR02P00086_3_ui.xml" />
<Graph type="Gantt.Graph" version="1.0">
<rows>
<row id="001" />
<row id="002" />
<row id="003" />
</rows>
<dates timeZone="GEurope/Berlin" locale="de_DE" format="dd.MM.yyyy" dateEnd="20.01.2010">
<section date="01.01.2010" unit="DAY" unitSize="20" />
<calendarItem id="Cal.1stDayInMonth">
<repetition unit="MONTH" />
</calendarItem>
<calendarItem id="Cal.1stDayInWeek">
<repetition unit="WEEK" />
</calendarItem>
</dates>
<view>
<viewpos date="01.01.2010" />
</view>
<chart id="Dummy">
<timeScale>
<section index="0">
<ribbon type="Gantt.CProjects.Ribbon.Month" />
<ribbon type="Gantt.CProjects.Ribbon.3Days" />
</section>
</timeScale>
<grid type="Grid.CProjects.Gantt.TimeLine" calendarIDs="Cal.1stDayInWeek" />
<table type="Gantt.Table" id="CProj-Table">
<defaults typeCell="L.Table" typeHeader="L.Table" />
<tree showRootIcons="TRUE" />
<cols showInitially="4">
<ids>TREE,ID2,ID3</ids>
</cols>
<header>
<header width="30" />
<label colid="TREE" width="250">Этап</label>
<label colid="ID2">Дата с</label>
<label colid="ID3">Дата по</label>
</header>
<rows>
<ids>001,002,003</ids>
</rows>
<row>
<header>1</header>
<tree>Top Item</tree>
<label>01.01.2010</label>
<label>20.01.2010</label>
</row>
<row>
<header>2</header>
<tree parentRow="001">Subitem 1</tree>
<label>01.01.2010</label>
<label>10.01.2010</label>
</row>
<row>
<header>3</header>
<tree parentRow="001">Subitem 2</tree>
<label>11.01.2010</label>
<label>20.01.2010</label>
</row>
</table>
<graph>
<view>
<backColor type="White" />
</view>
<node id="001" type="Gantt.CProjects.SummaryNode" rowID="001">
<dates>
<date>01.01.2010</date>
<date>20.01.2010</date>
</dates>
</node>
<node id="002" type="Gantt.CProjects.Node" rowID="002">
<dates>
<date>01.01.2010</date>
<date>10.01.2010</date>
</dates>
</node>
<node id="003" type="Gantt.CProjects.Node" rowID="003">
<dates>
<date>11.01.2010</date>
<date>20.01.2010</date>
</dates>
</node>
</graph>
</chart>
</Graph>
</SAPJNetData>
Then I run my example application, press standard "Save" button in Gantt chart control.
After that my XML in context changes, but it's incorrect. There is no <graph> tag at all - this tag should contain all significant parameters of the chart.
The resulting XML below:
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<SAPJNetData build="9295" date="04-Aug-2010 10:19:13" host="localhost" version="1.1247">
<Application type="GANTT" version="1.0"/>
<TypeRepository href="/SAP/BC/WebDynpro/SAP/ZT_INV_WDR_TEST_GANTT/gantPR02P00086_3_tr.xml" version="1.0"/>
<UserInterface href="/SAP/BC/WebDynpro/SAP/ZT_INV_WDR_TEST_GANTT/gantPR02P00086_3_ui.xml" version="1.0"/>
<GraphGantt version="1.1247"/>
</SAPJNetData>
All the chart in fact has completely disappeared. There is nothing left but file header.
The question: How to get XML with all user changes back from the Gantt chart control?

Long time, hah..
Anyways thanks to behave like a responsible person on SCN and taking care of your threads..
Liked.

Gantt Chart in Webdynpro Java

Hi All,
I want to display the Gantt Chart in my Application.
I am using following as a reference:
[http://help.sap.com/saphelp_nw04/helpdata/en/c6/af11b1423a3c4fb642e357912936e4/frameset.htm]
But i am unable to get the Bars in my Chart. I am just getting the Points only for start date and End Date.
So pls help me out.
Thanks & Regards,
Dhruv Shah

Hi Stefanie,
I already have this project. But when i am importing this project in to my NWDS. Not a single View is opening. Its giving me lot of errors.
I dont know how i will manage...i am really stucked up.
Thanks for reply...

Interactive chart in Webdynpro ABAP

Hi Experts,
I would like to use this thread to discuss on SAP's recommendation to develop Interactive chart in Web dynpro ABAP .
Correct me if Iam wrong ,
1) Business graphics can not be made interactive.
2) With Gantt UI element ( I couldn't find documentation ).
3) Interactive Chart in FPM ?
4) Interactive Chart using FLEX Builder ?
5) HTML Island ? Though not available for Customers with lower version of SAP ?
What is SAP's Road map w.r.t Interactive chart in Webdynpro ABAP ?
Regards,
Karthi M

Hi Stuart,
Business graphics can be made interactive only with click action.
Gantt UI , Iam not finding any proper documentation. Cursing SAP for that.
If you are lucky enough to have latest version of SAP. Try with SAP UI5 which has got very good interactive capabilities of graph.
Regards,
Karthi M

Interactive Gantt Element & UI feasibility - ABAP Webdynpro

I have a requirement to design a interactive timeline chart in ABAP webdynpro. Infact, the UI should be a replicate of CM33[Capacity Planning Workbench] standard transaction in our SAP. Can you let me know whether its possible to design such a interactive graphical UI in ABAP Webdynpro without using any JAVA coding/controls/plugins???
In my R&D, I have found that instead of using Business Graphics, Gantt UI can be used which will provide more interactive [lot of event handling] options. But it seems Gantt UI has to be used with XML and JNET.I don have any idea on this. I went through some of the documents but im not able to understand. Is it that JNET understanding requires JAVA skills. I dono how to design the frontend with Gantt UI and i could not find any useful documents.
Can you please help me stating whether this Capacity planning [CM33 transaction] can be replicated using only ABAP Webdynpro through Gantt UI element or any other UI without using JAVA coding.?? It will help me alot if you can provide some documents on the same..
@Thomas jung

You don't need to code any Java to use the Gantt-Plugin (JNET) in Web Dynpro ABAP. Although it is written in Java, you feed the plugin with an XML-file which contains the data in the required format. That format is extremely complex. You find the documentation below.
For learning purposes I recommend the Web Dynpro Applications:
- WDR_TEST_GANTT
- WDR_GANTT_TEST
You have to analyse the XML-files which are attached as MIMEs to the WD components. For your own solution, you will have to transform your data into that xml format, e.g. by a Simple Transformation oder XSLT.
[Documentation Web Dynpro UI Element Gantt|http://help.sap.com/saphelp_nw70ehp2/helpdata/en/68/248841a79f1609e10000000a155106/frameset.htm]
[JNet/JGantt Developer Documentation|http://www.sdn.sap.com/irj/scn/index?rid=/lw/uuid/f010ec31-9658-2910-3c83-c6e62904eceb&overridelayout=true]
The JNet Documentation contains additional examples, sadly there is none for Gantt. But it shows clearly the power of JNET.
If you get your hands on a PPM 5.0 installation, I highly recommend to analyse the newest cProjects-Gantt-chart which is amazing.

Event handling in Gantt chart Webdynpro Java

Hi
I have a Gantt chart where I have names(name1,name2..) in category(Y) axis.
Now I want to fire an event when I click name1 or name2 .. on the Gantt chart
where I will take name1 as parameter.Any idea with code will highly be appreciated and rewarded.
Regards
Sunit

Hi,
1. Create an action, say, "ChartClicked" with a parameter, say, "pointID" of type String. Set this as the action on the "onClick" event of the BusinessGraphics.
2. In the wdDoModifyView method, write this code:
if (firstTime)
IWDBusinessGraphics chart = (IWDBusinessGraphics) view.getElement("<ID of BusinessGraphics>");
chart.mappingOfOnAction().addSourceMapping("id", "pointID");
3. In the eventhandler method, "onActionChartClicked", you'll see a String parameter called pointID. Depeneding on where you click on the graphics, this will change.
Regards,
Satyajit.

Problems with BusinessGraphics Gantt Chart: WebDynpro 7.1 SP3

Hi,
i tried the BusinessGraphics Gantt Chart and went through the Code Example for Displaying a Gantt Chart on:
http://help.sap.com/saphelp_nw04/helpdata/en/a8/1cd93f5e0f9015e10000000a155106/content.htm
Unfortunately my gantt does not look and behave like it should:
1) The bars are only small sqares in the middle of one day. I use the same data as in the sample, so the bars should be a couple of days long
2) I added an action, added an EventID to the series and to the point, mapped the parameters. When clicking a point a roundtrip is done. I write a success message with the eventID but often the Gantt Picture is a broken image after this (small red cross).
3) The tooltip of the point is not shown in the chart when pointing on the square
Can anybody help, please?
Thanks
Frank

Thanks a lot! This solved one of three problems. The trick is that you can set the marker for the points (without any effect) and for the series (with effect).
The tooltip shows up now, too. No idea why now and not before...

Appointment creation in Gantt chart using BAPI

Hi
The transaction /ITS/WAP2 - maintains the appointment for a shipment number in Gantt chart.
We need to do the same using a BAPI or IDOC in ECC.
Anybody knows any BAPI or Idoc to do this in the background ?
Regards
Anandan

Duplicate Posting. Original is here: Sales order creation with bapi in webdynpro using table control

Traffic light in Gantt chart and Colour change in the same.

Dear All,
I have designed an interactive ALV report and put a button in the output to display Gantt Chart. The Gantt chart is displaying fine after pressing the button based on the output.
I have two questions as below.
1) Is it possible to diplay Traffic light in Gantt chart output from an interactive report. Please provide the code as well as process.
2) How to change the colour of the fields like date or time field of the Gantt chart output from an interactive report. Please provide the code as well as process.
Shyamal.
ABAP.

Hi friend,
For displaying trafic lights there is a simple options in the layout
under exceptions there are few fields,
lights_fieldname type slis_fieldname,
lights_tabname type slis_tabname,
lights_rollname like dfies-rollname,
lights_condense(1) type c.
First two fields will server the purpose if you need extra manipulation can go for other two also.
And for changing color in the fields there is an option called emphasize(4) in fieldcatlog which will do your purpose.
I think you know your requirement and code better so its better to adapt this in your logic the using our logic which will make you confuse.
if you want to highlight a particular cell in the ALV go for this codes in Wiki.
If you still need any help please revert back to me i will help you.
Thanks,
Sri Hari

Gantt chart in cProjects and XML definition

Hi,
I am making some changes to the XML file passed to the graphic in WebDynpro ABAP - Gantt chart (in cProjects module).
I would like to achieve a result that some bars are drawn with a pattern, for example with lines.
I am using the Node definition in file Typerepository_Badi_cpr.xml.
I have a set of definitions:
<shape>
<fill Color type="SAP.Color.GanttBar.Metal" />
</shape>
Where can I find definition of available colors, or how to achieve the result with pattern on a bar?
thank you!

There is no date set 'Forecast' in the cProject as it in the ERP PS.
In the User-settings in the cProject application you can determine which dates should be showed in the GANTT. A dynamisic swith like ERP PS is not possible.
As far as I remember, there is a note, which describes how to set color in GANTT. If you donot find it, please let me known.
Kind regards,
Zhenbo

Gantt chart shows points only

Hi,
we are developing a Gantt chart in an ABAP webdynpro. The chart is not a problem, however only points are being displayed, not bars - as expected.
The same problem was described for J2EE webdynpros. Unfortunately, the way it was solved there does not seem to work in ABAP.
Is there anybody who can advise on this?
Thanx, Rene

A colleague of mine solved the problem. The attribute 'Marker Shape' of the default series must be set to None.
Cheers,
Rene

Problems in designing Gantt Charts through Web Dynpros

Dear friends,
We are having a situation in which we need to display the series of production orders in shop floor in a gantt chart having a specific start & end date and time.
To implement this scenario, we are using Gantt Chart tool available in Web dynpro. In the gantt chart tool we are passing an XML file edited as per data to display production orders starting and ending at particular date and time.
Now we are facing following problems to design this case.
1. We are currently using type repository <TypeRepository href="apps/gantt/cprojects/TypeRepository.xml" version="1.0"> as a base type repository to define our XML file. This type repository we found in one of Gantt chart test examples. We believe if we are able to view this file we can know what types are available and how can we use their elements and attributes to define graph in XML file. Please help us how can we view this type repository.
2. Currently we are viewing scale on Gantt chart only on date base. Can we view the scale at time base too? If yes, how?
3. Currently we are manually editing our XML file to add up data that we want to display in our gantt charts. We would like to know what is standard procedure to edit XML file in a program. Additionally if you can tell us the functional modules or class-methods to edit XML file in program, this would be very helpful.
Your kind help would be highly appreciated.
Best regards,
Navin Guru

About where to find file apps/gantt/cprojects/TypeRepository.xml.
Maybe it's not the best way, but i had access to portal server files (access to /usr/sap directory on server where enterprise portal was installed). And i found it there by jnet search criteria.
In my case it layed in the following place:
\usr\sap\<SID>\J01\j2ee\cluster\apps\sap.com\tcwddispwda\servlet_jsp\webdynpro\resources\sap.com\tcwddispwda\root\global\activeComp\

Text is exceeding Gantt chart bar

Hi Experts
I have a Gantt chart in a Webdynpro for Java application. I am showing some value
(Label) on the bars of the chart. But if the bar is small the value is not fitting into the bar. Is there any way to controll it ?
Thanks
Sunit

Hi Pradeep
I am not talking about Gantt chart layout. For that height and width are there.
But what about the height and width of bar? Would you please elaborate where
those properties are?
Thanks
Sunit

Adf gantt chart: how to drag the task bar to another date

hi all,
how can I drag the task bar to another date in ADF Gantt Chart.
do I need coding(like handler DataChangeEvent in dataChangeListener),
or just set some properties.
thank you for your help !
zqh

We are unable to drag the gantt bars in our application. Initially this used to work fine and we used to get a call back for the action type TIME_CHANGED in the data change event. But now neither we are getting handle around the bars for expanding/collapsing them nor we are getting any callback for this event.
Looks like if the Edit feature is added in the featuresoff attribute of gantt then the gantt becomes un-interactive. Is there a way by which we can remove the Edit menu but still be able to drag/expand/collapse the task bars?
Edited by: 907043 on Jun 25, 2012 2:45 AM

Interactive Gantt Charts in Webdynpro

Similar Messages

Maybe you are looking for