Home DevShare designing-birt-reports

Mouseover Highlight for Tables and Charts

by jmangan

Posted Oct 22, 2008 (Edited Oct 22, 2008 )

(0 reviews, 10987 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...

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.



 
Filter More