score:1
A popup like that is not in the Highchart API for the legend. The closet thing is Legend.ItemOnHover
legend: {
itemHoverStyle: {
color: '#FF0000'
}
}
But that really only styles it.
The way you are currently doing it is probably fine if you are careful about it.
score:0
the only way i have found to do this popup is by adding this function in the end of the function building the chart :
var titles = $("tspan");
$("tspan").each(function(index) {
if( (this.textContent.indexOf("cashiers data") !== -1) ){
$(titles[index]).click(function(){
alert('to use our new cashiers bars \n'
+'please contact us at our contact page');
return false;
})
}
});
score:1
You can try to add tooltip to the legend item, like in the related topic Add tooltip to legend in highcharts when hovering
Source: stackoverflow.com
Related Articles
- add message on hover series name highcharts
- HighCharts Hide Series Name from the Legend
- highcharts - disable fading series on marker hover
- remove series by name or id in highcharts
- Highcharts - How to hide series name and Y value in tooltip
- Highcharts - get visible series name dynamically
- Stop HighCharts change transparency of another series on hover of one series
- HighCharts : Highlight entire series when hover and restore state when out
- Highcharts - Tooltip and series name are out of their boxes in chrome
- Showing HighCharts series name on x-axis and in legend
- How to remove a series in Highcharts by name
- How to get Series Name Based on Selection in Highcharts
- Missing series name as label in highcharts heatmaps
- Highcharts - Add Series Name As X-Axis Label
- How to get columns category name on hover in highcharts
- Treemap in highcharts display series name and value in treemap only
- Highcharts multiple series combined with linkedTo hover issue
- How to hide series name from tooltip in Highcharts scatter plots for linear regression
- Highcharts single horizontal stacked bar chart with data names (labels) and %-ages always shown and data numbers and series name shown on mousehover
- Highcharts series name with '<' not rendered in tooltip
- Highcharts series visibility with csv data source
- Highcharts Line Chart, display series name at the end of line series
- Using image tag as series name in highcharts
- Highcharts series hover state enables after adding series
- How to have multiple highcharts with different series data in vuejs without repeating code
- Highcharts Series name on X-Axis
- HighCharts / HighStock newly added series have problem with shared tooltips and mouse hover effect
- How to hide Series Name in HighCharts Tooltip when using pointFormatter
- Highcharts column how to move series name to the title position with bigger text size
- Highcharts multiple pie chart series hover
- highcharts / node-export-server: Blank charts with large data sets
- HighCharts in AngularJS with dynamic data
- add custom links to series / data sections in pie chart (highcharts.js)
- Using highcharts to display data from an API
- How to Show Same Month name of two years in X axis of Highcharts
- JQuery Highcharts - dates being picked up in US format not UK
- Getting cursor position and relevant data from Highmaps
- Highchart graph for continues status data in bar like timeserise
- Why is the legend of my HighChart PieChart behaving irradically, when I update my series data?
- single array timestamp as xAxis for multiple series
- JS Highcharts table - How to set Category name
- Highcharts dynamicly update legend with grouped values
- Highcharts line chart: point should be clickable, the line between the points not. Is that possible?
- highcharts rangeSelectorZoom label
- Moving Average Line in Highcharts Scattered Chart
- Gwt Highcharts Marker or Symbol Rotation
- Highcharts downsampling - CSV
- Can we have tickposition both outside and inside in highcharts?
- error NG6001: Cannot declare 'Highchar tsChartComponent' in an NgModule as it's not a part of the current compilation
- xaxis range won't take chart's full width in area-colums combined chart