Create Clickable Highcharts/Highmaps

In Highmaps and Highcharts, you can define events that will be triggered when the user clicks in the map/chart. This can be useful to build a drilldown feature.

Use the following method:

public ResultHighchart.OnPointClick onPointClick()

Example:

def chart = api.buildHighchart(definition)
chart.onPointClick().triggerEvent(api.dashboardWideEvent("eventName"))
.withNameAsEventDataAttr().withCustomEventDataAttr("value")
return chart

This allows to refresh an embedded dashboard:

return api.dashboard("embeddedDashboardName")
//.setParam("country_name", api.input("Country"))
//.setParam("country_revenue", api.input("Revenu"))
.showEmbedded()
.andRecalculateOn(api.dashboardWideEvent("eventName"))
.withEventDataAttr("name").asParam("country_name)
.withEventDataAttr("value").asParam("country_revenue")

Check out also the API Documentation.

Configuration Engineer Knowledge Base

Create Clickable Highcharts/Highmaps

Analytics

Related content