Tool Tip with column Height in CL_GUI_CHART_ENGINE

Dear All,
I am generating Columns chart using the class CL_GUI_CHART_ENGINE. I would like to display the column height of every column as tooltip for that column. How can i achieve it ??
The following is the transformation that i am using -
<?sap.transform simple?>
<tt:transform xmlns:tt="http://www.sap.com/transformation-templates">
<tt:root name="CATEGORIES"/>
<tt:root name="SERIES"/>
<tt:template>
<ChartData>
<Categories>
<tt:loop ref="CATEGORIES">
   <Category>
    <tt:value/>
   </Category>
</tt:loop>
</Categories>
<tt:loop ref="SERIES">
    <Series>
       <tt:attribute name="label"><tt:value ref ="LABEL"/></tt:attribute>
       <tt:attribute name="customizing"><tt:value ref ="ID"/></tt:attribute>
       <tt:loop ref="VALUES">
     <Point extension="alt='Capacity'"><Value type="y">
       <tt:value/>
     </Value></Point>
       </tt:loop>
     </Series>
</tt:loop>
</ChartData>
</tt:template>
</tt:transform>
Now for all the Columns, the tool tip is same (Capacity). I want to display the column height also along with it. Thank you.
Regards,
kartik

Hi,
Have you consider using SVG ?
http://en.wikipedia.org/wiki/Scalable_Vector_Graphics
Regards.
From here:
http://bost.ocks.org/mike/bar/2/
Code:
<!DOCTYPE html>
<style>
.chart rect {
fill: steelblue;
.chart text {
fill: white;
font: 10px sans-serif;
text-anchor: end;
</style>
<svg class="chart" width="420" height="120">
<g transform="translate(0,0)">
    <rect width="40" height="19"></rect>
    <text x="37" y="9.5" dy=".35em">4</text>
</g>
<g transform="translate(0,20)">
    <rect width="80" height="19"></rect>
    <text x="77" y="9.5" dy=".35em">8</text>
</g>
<g transform="translate(0,40)">
    <rect width="150" height="19"></rect>
    <text x="147" y="9.5" dy=".35em">15</text>
</g>
<g transform="translate(0,60)">
    <rect width="160" height="19"></rect>
    <text x="157" y="9.5" dy=".35em">16</text>
</g>
<g transform="translate(0,80)">
    <rect width="230" height="19"></rect>
    <text x="227" y="9.5" dy=".35em">23</text>
</g>
<g transform="translate(0,100)">
    <rect width="420" height="19"></rect>
    <text x="417" y="9.5" dy=".35em">42</text>
</g>
</svg>
Result:

Similar Messages

Making Global Activity Heading Bold and Tool Tip over columns in OBPM10GR3

Hi all,
I would like to make my Global Activity Heading in Applications in the workspace BOLD and change the FONT of it.
I also would like to have a Tool Tip explaining what a column in the view means.
How can I do these things in OBPM10GR3?

Thanks for the reply valf - you can see a trial version of the page here http://www.banded.co.uk/festighoul_trial.html
Notice that there is a large empty black div at the top of the pagewhere flash content should be playing... The tool tip trigger is nearer the bottom of the page (a graphic of a '?')
Thanks

Regarding ALV control: Tool tip for column data

Hi Group,
How can I give the tool tip for the data in ALV grid? For column headers I know that, but for the data in the colums how do I give the tool tip info.
Regards,
Kummi.

Hello Kummi
If you want to have a specific tooltip for an icon displayed in an ALV grid cell then you can use:
@08<b>\Q</b> <tooltip text><b>@</b> " shows own tooltip for icon @08@
I am not sure if the same trick works for "normal" cell values. You may give it a try.
Regards
Uwe

Help with creating One Time informative Pop-up (Like a tool-tip) with CSS

Hey guys,
My website has a nav bar on top that often times is missed by users unless I personally point it out. What I would like to do is have a litle tool tip like pop-up come on screen the first time someone visits the page, pointing to the navbar with some basic info. I have not worked with cookies or tooltips in the past, so I am at a loss on how to approach this. (I am not even sure the appropriate name for what I am looking for, so I am struggling to Google it!) If someone could point me to a tutorial or give me some tips, I would be much obliged!
The website in question with the navbar is www.clccedarrapids.com and it was designed in DWcs6 with the Bootstrap css kit.

Thanks Nancy (and everyone else),
I struggle because the navbar seems natural and unobtrusive to me, and I really like that! I struggle a lot with design, and it always takes me a long time to settle on something I like, then this happens. C'est la vie! Can you guys suggest, off the top of your head, any options that might work better? I am not sure I like the big bulky bar at the top as ken suggested (but that could just be me) and I also want to consider how it will look on mobile, as I am very pleased with the mobile side of things now.
Also, is there any reason that I need to reduce my CSS code? I am not using most of bootstrap and would be happy to knock some things out if I need to. I am using GoDaddy as my host, so I am not worried about server load, will it effect end user performance?

Tool tips with links

Hi All,
I want one solution, i want to get a tip with links, i mean when i put my cursor on a item a tip with differerent links should be shown..i am using APEX 3.0.. .can anybody plese help me with this.
Thanks,

You can try to disable hardware acceleration in Firefox (you need to close and restart Firefox).
*Tools > Options > Advanced > General > Browsing: "Use hardware acceleration when available"
*https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes
*https://support.mozilla.org/kb/upgrade-graphics-drivers-use-hardware-acceleration

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,

Tool Tips on controls?

hello again,
just one more question :) i was wondering if anyone knows how to implement tool tips with controls in JavaForte. i looked through the properties window, but didnt see any .ToolTipText property.... i know its possible, and probably just one line of code, anyone know it? thanks a lot in advance for any help! talk to ya later,
Steven M. Berardi
[email protected]
--------------------------------

I'm not sure if you're refering to components you can place in containers, but if you are, there's a ToolTipText option in the component inspector for every component you can select. If you want to change the tooltips manually for specific components, you can use the method (Component).setToolTipText(String text). Hope that helps...
hello again,
just one more question :) i was wondering if anyone
knows how to implement tool tips with controls in
JavaForte. i looked through the properties window,
but didnt see any .ToolTipText property.... i know
its possible, and probably just one line of code,
anyone know it? thanks a lot in advance for any help!
talk to ya later,
Steven M. Berardi
[email protected]

Delay or Disable Tool Tips?

It's a minor annoyance, these tool tips. I do most of my Finder work in List view, and when a file or folder has a really long name the Finder, trying to "help" instantly pops up a tool tip with the full name. Except I don't need/want this kind of "help". It inevitably interferes with double-clicking the folder I'm looking at (since it pops up instantly and seems somehow to be between the pointer and the folder). So how the heck can I make it wait a few seconds before "helping" me? I've searched around, but I can't see if anyone else has gotten a satisfactory answer to this question.

I give up. Apple has apparently made it impossible to disable tooltips. I hope they change their minds about this in the future and choose to give their users the ability to disable tooltips.

Tool Tips on selected text

Hello,
Is it possible to have a tool tip for the selected text in a text frame.
Thanks.

I'm not sure if you're refering to components you can place in containers, but if you are, there's a ToolTipText option in the component inspector for every component you can select. If you want to change the tooltips manually for specific components, you can use the method (Component).setToolTipText(String text). Hope that helps...
hello again,
just one more question :) i was wondering if anyone
knows how to implement tool tips with controls in
JavaForte. i looked through the properties window,
but didnt see any .ToolTipText property.... i know
its possible, and probably just one line of code,
anyone know it? thanks a lot in advance for any help!
talk to ya later,
Steven M. Berardi
[email protected]

Tool tips on chart axis

Is there a way to create a dynamic tool tip for the labels on
the chart axis. For example I have a bar chart that shows the
quantity ordered in 5 categories. I want to be able to add a tool
tip to the category label on the vertical axis to help explain what
the category is. I need this tool tip to change based on the
category that is rolled over. I'm assuming I should be able to do
something with the ToolTipCreate action on an axis renderer but I
can't figure out how to find out which label is being moused over.
Any help would be greatly appreciated. Thanks in advance.

I'm not sure if you're refering to components you can place in containers, but if you are, there's a ToolTipText option in the component inspector for every component you can select. If you want to change the tooltips manually for specific components, you can use the method (Component).setToolTipText(String text). Hope that helps...
hello again,
just one more question :) i was wondering if anyone
knows how to implement tool tips with controls in
JavaForte. i looked through the properties window,
but didnt see any .ToolTipText property.... i know
its possible, and probably just one line of code,
anyone know it? thanks a lot in advance for any help!
talk to ya later,
Steven M. Berardi
[email protected]

How to implement tool-tip for the list items for the Choice column in SharePoint 2013

I had created a simple list with a "Choice" column, i have three entries in my drop-down,
First Entry
Second Entry
Third Entry.
If i select any entries in drop-down and hour-over (Second Entry), a
tool-tip need need to show.
Is it possible? If yes how to implement any help will be appreciated.

Hi,
We can use JavaScript to achieve it.
The following code for your reference:
<script type="text/javascript" src="/sites/DennisSite/Shared%20Documents/js/wz_tooltip.js"></script>
<script type="text/javascript" src="/sites/DennisSite/Shared%20Documents/js/jquery-1.11.1.min.js"></script>
<script type="text/javascript">
$(function () {
$("select[title='Choice']").change(function(){
Tip($(this).val());
$("select[title='Choice']").mouseout(function(){
UnTip();
</script>
Download wz_tooltip.js:
http://www.walterzorn.de/en/tooltip/tooltip_e.htm#download
Best Regards
Dennis Guo
TechNet Community Support

How to get an error icon with tool tip in a displaying table in a particu

How to get an error icon with tool tip in a displaying table in a particular field..
Thanks.

Hi,
In the context create an attribute of type string .
Create the attribute in the node which you bind for table.
In the layout .
1.create a Table UI element.
2 create binding for UI element.
3Right click on the Table UI and select insert table column.
4.once the table column is inserted right click on table column and select insert cell editor.
5.create the cell editor of the type image.
6.Bind the source property of the image to the attribute in the node which you have created.
so depending on what image(type of icon) needs to be displayed set the attibute accordingly.
refer to the link for image :
[http://help.sap.com/saphelp_nw70ehp1/helpdata/en/d1/af8841349e1909e10000000a155106/frameset.htm]
Priya

100 percent width objects with tool tip widget or...

Hi,
Anyone know how you create 100% objects with tool tip?
Like in this page
http://www.philips.com.br
You have slider in full screen.
The fullscreen widget appears to support only an images

Hi Dandalo
Unfortunately this is not possible with Tooltip , but you can use full screen slideshow which will have the similar effect but the limitation being the content on the page which will be not same as the referenced site you have posted.
Thanks,
Sanjit

When will Excel Support Tabular Model Table and Column Descriptions via Tool Tip or other display mechanism

I have noticed that SSMS supports tool tips for the Tabular Model (tables and columns) however Excel 2013 doesn't appear to. This is a very important feature to our end users.
Does anyone know when this will be supported?
Thanks
M Meyer

Hi Meyer,
According to your description, you want to use the tooltip function in Microsoft Excel for the SQL Server Analysis Services Tabular model, right?
I have tested it on my local environment (Microsoft SQL Server 2012 SP1 and Excel 2013), the result is that the feature is not supported currently. It's hard to say the detail date when this will be supported. If this feature is enabled, Microsoft will announce
it on the document.
Besides, if you have any concern about this behavior, you can submit a feedback at
http://connect.microsoft.com/SQLServer/Feedback and hope it is resolved in the next release of service pack or product. Your feedback enables Microsoft to make software and services the best that
they can be, Microsoft might consider to add this feature in the following release after official confirmation.
Regards,
Charlie Liao
TechNet Community Support

Column height control with css?

If I have a design with 3 columns, is there a way that all 3
columns have the same height even if 1 or 2 columns have less
content than the 3rd? Right now each column ends where the content
ends which gives it a funny look.

Check PVII for an equal column height extension -
http://www.projectseven.com/
It would have to be done with javascript, or with faux
columns (Google
that).
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"OBJ" <[email protected]> wrote in message
news:e9r783$91j$[email protected]..
> If I have a design with 3 columns, is there a way that
all 3 columns have
> the
> same height even if 1 or 2 columns have less content
than the 3rd? Right
> now
> each column ends where the content ends which gives it a
funny look.
>

Tool Tip with column Height in CL_GUI_CHART_ENGINE

Similar Messages

Maybe you are looking for