Search code examples
javascriptjqueryhighchartsexportdrilldown

Not able to export Highchart.js after Drill Down


I have a Bar chart, that each Bar drill down to a Line Chart, in the Bar Chart it shows me the Export button so I can print, pdf, etc.

But when I'm in the Line Chart it only shows me the Back button, not the Export button.

Here is the Bar Chart, allowing me to export it. enter image description here

But when I Drill Down for example 2016 Bar, It doesn't allow me to export it because it only shows me the Back Button, not the export button. enter image description here

Is it possible to get both buttons, Back Button and Export Button on Drill Down?


Solution

  • It is because the drillUpButton covers contextButton. The solution is to change position of one of them.

    API Reference:
    http://api.highcharts.com/highcharts/drilldown.drillUpButton
    http://api.highcharts.com/highcharts/exporting.buttons.contextButton

    Example:
    http://jsfiddle.net/5rxhjt9v/