Despite the COVID-19 outbreak, our team continues operating at full speed. We are always here to support and answer all your questions.

Feel free to reach out by filling this quick form.

Fill the form
Get Free Trial

Highcharts not changing Y-axis label when drilldown

Answered
Patrick Berens asked on November 9, 2020

Hi ya Support,
We are trying to integrate Highcharts with Flexmonster and we are running into problem in the drilldown view. It seems it doesn’t change the y-axis label when drilling down so viewers of just the graph aren’t sure what dimension they are seeing.
 
From your example:

  1. Go to https://jsfiddle.net/flexmonster/qf73smhf/
  2. Scroll down to chart, click on “Blue”
  3. Notice y-axis label still says “Color” not “Region”

 
Anyway to fix this?
Thanks,
Patrick

1 answer

Public
Vera Didenko Flexmonster November 10, 2020

Hello, Patrick,
 
Thank you for writing to us. 
 
We kindly suggest using the Highcharts setTitle method together with Highcharts drilldown and drillup events.
For instance: 

function createAndUpdateChart(chartConfig) {

let defaultTitleXAxis = "Color";
let drilldownTitleXAxis = "Region";

chartConfig.title.text = "With Drilldown";

chartConfig.chart.events = {
drilldown: function(e) {
this.xAxis[0].setTitle({ text: drilldownTitleXAxis });
},
drillup: function(e) {
this.xAxis[0].setTitle({ text: defaultTitleXAxis });
}
};

Highcharts.chart('highcharts-container', chartConfig);
}

We have modified the provided JSFiddle to illustrate this approach: https://jsfiddle.net/flexmonster/93kcqabv/
 
Please let us know if this helps.
 
Kind regards, 
Vera

Please login or Register to Submit Answer