Exporting Image with all tooltip in high charts angular

Question

How can I export the chart with all tooltip displaying in high charts as a image, pdf & jpeg.

here is the code for tooltip:-

tooltip: {
    hideDelay: 0,
    headerFormat: '',
    enabled: true,
    split: true,
    animation: false,
    valueDecimals: 2,
    outside: true,
    shared: false,
},

Thanks for the help.

score 0 · Answer 1 · answered Aug 26 '21 at 09:35

0

Try to use this approach:

 exporting: {
    chartOptions: { // specific options for the exported image
      chart: {
        events: {
          load: function() {
            const chart = this;

            chart.tooltip.refresh(chart.series[0].data[0]);
          }
        }
      }
    }
  },

Demo: https://jsfiddle.net/BlackLabel/50vz7edt/

answered Aug 26 '21 at 09:35

Sebastian Wędzel

11,417
1
6
16

thanks for the answer. but, i want to display all tooltips while downloading not working in my case with the same code. how can i do that? please suggest – Parth Raval Aug 27 '21 at 10:04
Is there any way to display all tooltips while exporting as png – Parth Raval Aug 30 '21 at 04:35
@ParthRaval That's impossible - tooltip is rendered dynamically for each point after hovering it. I think that for your needs you will need to create a custom tooltip for each point. – Sebastian Wędzel Aug 30 '21 at 07:06
Okay, can you please help me to display custom tooltip? – Parth Raval Aug 30 '21 at 07:08
IS there any example available? – Parth Raval Aug 30 '21 at 07:08
take a look at this demo: https://jsfiddle.net/BlackLabel/qx5ojskz/ you can mix this code with the config from the answer to show custom tooltips only for exported images. – Sebastian Wędzel Aug 30 '21 at 08:19

Exporting Image with all tooltip in high charts angular

1 Answers1