Detailed hyperlinking on HTML5 charts (Highcharts)

Hi JS Community!

When hyperlinking in traditional non HTML5 charts we are given options on hyperlinking various elements of the chart; series, groups, points, etc. However in the new HTML5 charts there is only one tab used for hyperlinking for the entire chart, we have not been given obvious hyperlinking controls over each element of the chart.

Is there a way to develop hyperlinking for inidividual elements in the HTML5 charts in a way that is not dissimilar from the original charting components, or will we need to extend JS to enhance it's ability to hook into the individual charting elements?

As always your support is greatly appreciated!

dsanders's picture
-16
Joined: Jan 16 2013 - 6:18am
Last seen: 10 years 4 months ago

3 Answers:

Hello, our very own Steve Park has a great tuturial on YouTube for this, watch it on the Jaspersoft Embedded BI YouTube Channel: https://www.youtube.com/watch?v=4Zy-9W3PuM8&index=1&list=PL5NudtWaQ9l4LE...

ernestoo's picture
18268
Joined: Nov 29 2010 - 11:59am
Last seen: 5 years 7 months ago

Hi,

Hyperlinking for individual elements can be done using the Highcharts API. Their reference is available at http://api.highcharts.com/highcharts.

Regards,

Ilona

ilona's picture
6072
Joined: Aug 2 2012 - 11:06am
Last seen: 8 years 10 months ago

How do you configure the chart in iReport to reference the appropriate property and value to do a hyperlink? This is not intuitive. I like that you can leverage Highcharts flexibility via the api, but what properties are available, where do you identify them in iReport chart options dialog, etc. Is there documentation that speaks to this?

By the way, having to pass a value to a plotOptions.chart.events.click property in order to do a hyperlink seems like a convoluted way to get it done, compared to the previously available method of hyperlinking from charts.

ahonaker - 10 years 4 months ago

More detailed information on using the HTML5 charting UI is now available at: http://community.jaspersoft.com/wiki/html5-charts-ireport

ilona's picture
6072
Joined: Aug 2 2012 - 11:06am
Last seen: 8 years 10 months ago

hi,
how to provide a pop up window using javascript in html 5 charts when clicked on a specific bar on the bar chart or column chart.
how exactly we can embed javascript in html 5 based charts in iReport Pro 5.2.0.

Please shed some light on this as i am finding dead roads every where.

thanks in advance ilona

kcsekhar25 - 9 years 8 months ago

Did you find how to work with Pop using Hyeprlink ??

sadakar - 9 years 1 month ago
Feedback
randomness