score:2
Accepted answer
you need to add this code to make x-axis label clickable with formatting (underline):
(function (h) {
//for x-axis labels
h.wrap(h.point.prototype, 'init', function (proceed, series, options, x) {
var point = proceed.call(this, series, options, x),
chart = series.chart,
tick = series.xaxis && series.xaxis.ticks[x],
ticklabel = tick && tick.label;
//console.log("series");
//console.log(series);
console.log("point = ");
console.log(point);
if (point.drilldown) {
if (ticklabel) {
if (!ticklabel._basicstyle) {
ticklabel._basicstyle = ticklabel.element.getattribute('style');
}
ticklabel.addclass('highcharts-drilldown-axis-label').css({
'text-decoration': 'underline',
'font-weight': 'normal',
'cursor': 'pointer',
'color':'brown'
}).on('click', function (){
//alert('clicked');
//point.dodrilldown();
point.firepointevent('click');
});
}
}
else if (ticklabel && ticklabel._basicstyle)
{
}
return point;
});
})(highcharts);
Source: stackoverflow.com
Related Query
- How to achieve Multiple drill down using the Axis Labels
- Heatmap multiple data labels for the same axis in dynamic way using javascript
- Javascript Highcharts v3.0.5 - How to hide Y Axis Title when using multiple Y Axis
- How do you position the x-axis labels along the line y=0 using Highcharts?
- how to change the point format for drill down in pie charts?
- Highcharts - how to create multiple y axis and group the data series
- How can I set the alignment for individual axis labels in highcharts?
- how to plot multiple time series in the same graph with customized x axis
- How could you supply multiple series to a line chart in R shiny using highcharter package and without hardcoding the series?
- HighCharts Drill Down multiple series , how to get drill down on second item on drill down?
- How do I plot the x axis line using Highcharts when pegged at 0?
- Limiting the Highcharts x Axis while the chart extending During Ajax Drill Down
- I am using click event to trigger a new page to generate the drill down data from highcharts however the entire chart is being generated
- How to make hover effect for two bar in highcharts at the same time is there any way by using css or any inbuilt method to achieve this?
- highcharts how to make x and y axis starting on the same zero using categories on yAxis
- Highcharts - how to access category of multiple axis of the point from tooltip
- How to move x-axis labels to the left using highcharts?
- How can I set the units on multiple axis on Highcharts
- Change X axis label on Drill Down using HighCharts
- Highcharts : How do i align data labels above the axis in column chart?
- How can I specify the position of the columns relative to the X-axis labels in a column chart using Highcharts?
- How to allow the country labels to auto-hide when using HTML?
- HighCharts - Angular, how to get y axis labels on the vertical lines drawn from x axis
- Highcharts: when having multiple columns for the same X axis value, how can I get 1 tooltip per column?
- How to get points information when hovering over axis labels in highcharts using custom-events library?
- How to fix formatting of axis labels in Highcharts when surrounding the contents with div?
- How to update the HighCharts title using drill-up when there are multiple charts on same page?
- Using multiple hicharts on ASP.NET web form but only one shows on the upper section of the page pushing the page header down
- How to load data dynamically using JSON call in Highcharts Drill Down pie chart?
- How to display the value instead of percentage in a pie chart using jquery Highcharts
More Query from same tag
- highcharts json multiple datetime series
- Highcharts - Exporting Module
- *Highcharts* Tooltip formatter for a combined chart
- how to display data labels / stacklabels for a grouped highhcarts- Highcharts
- Setting gauge limits in highcharts using variable
- Generate pdf that contains hicharts (without rendering an html page)
- Highcharts : selection issue on funnel charts type
- Set a Different Color Per Region/Province in a Country
- HighCharts : Note/Detail on a point
- Draw multiple series upon mouse hover in Highstock
- Highcharts drilldown on area chart
- Chart can't be populated from data component [vue-highcharts wrapper]
- Display legend and colorAxis at different positions in Highchart
- Use HTML Textbox value as a HighCharts Percentage
- How To Call A Function To Make A Graph Using HighCharts in PHP
- Scatter plot: How to get the name of the series into a function
- Encode to JavaScript object, function get replaced
- Dynamically populated highcharts data and database storing
- highmap Data point click event breaks after zoom on a mobile (touch screen)
- creating a bar chart using Highcharts with React - getting an error that rendering div isn't found
- Get Highcharts Series Data after Load
- Render Highcharts inside Webix
- How to slide highcharts?
- Hicharts sankey diagram error when looping
- Is it possible to combine mutiple charts with one navigator in highcharts stock?
- Gradient in column highcharts
- Multiple pie charts in 1 graph with split tooltip Highcharts.js
- HighCharts for stock prediction data
- In HIGHCHARTS unable to set the max point in the gauge
- HighChart with multple JSON api data