Home DevShare Designing BIRT Reports

Mouseover Highlight for Tables and Charts

by jmangan

Posted 2008-10-22 03:24:03.000

(0)  (0)   (11133 views)

Download (47.05 KB)

By downloading this item, you are agreeing to the Terms of Use for the site.

When you have a chart and/or a table, it would be nice to be able to mouse over a bar in the chart or the row in the table and have it highlighted. This example report uses a bit of javascript and bookmarks in the report to do that...

Birt Version:-

Rows in the table are highlighted when you move the mouse over them and the rows are also highlighted when you move the mouse over a bar in the chart.

 

To set up the table mouseover highlighting you need to set a data driven bookmark on the table row (in this case it's row["Country"]).

Then you need to include a javascript text item in your table (in this case it's in the footer) to hold the highlight function.

To add the chart hover highlighting, set the MouseOver event on the chart series to invoke a script.  Since the categories in the chart are row["Country"] in this case,  you can simply call highlight(categoryData)

 

Thanks to Andrew Paine for figuring this one out!

 

Download (47.05 KB)

By downloading this item, you are agreeing to the Terms of Use for the site.



charu

charu

Posted: 2010-03-08 23:42:47.000

can u please tell me if it is possible to add keypress event to the table row

kkmahen

kkmahen

Posted: 2009-09-30 09:22:20.000

This is nice, works fine on IE and Chrome Is there a fix for firefox?

madhu_2009

madhu_2009

Posted: 2009-04-17 01:39:36.000

Thanks for ur example.. this solved my problem..

robinboy

robinboy

Posted: 2008-11-13 21:51:25.000

thanks for your example

vdodson

vdodson

Posted: 2008-10-27 16:31:44.000

Great example... I've wondered how to get the handle for the table. Thanks for posting.
 
Filter More