CODEWITHSUNDEEP
highcharts
Meysam Zarei
Meysam Zarei

Reputation: 439

Exporting with custom data label image in highcharts gantt

In the below examples, I've tried to put the image of each point (img tags in custom data labels) in the exported file but, they would be disappeared after exporting. Link of examples: https://jsfiddle.net/meysamm22/eohdp897/3/

or: https://jsfiddle.net/BlackLabel/y02sjkvg/

I've also used some related options, but they didn't help me.

exporting: {
            allowHTML: true,
             width: 5200,
            sourceWidth: 3200,
            chartOptions: {
                plotOptions: {
                    series: {
                        dataLabels: {
                            enabled: true
                        }
                    }
                }
            }
        }

Upvotes: 2

Views: 649

Answers (1)

Sebastian Wędzel
Sebastian Wędzel

Reputation: 11633

Your dataLabels are rendered as an outstanding HTML element, because of the useHTML feature. To render them also in the exported charts you need to set the exporting.allowHTML option to true.

Demo: https://jsfiddle.net/BlackLabel/j1zp7het/

    exporting: {
        allowHTML: true
    }

API: https://api.highcharts.com/highcharts/exporting.allowHTML

Upvotes: 1

Related Questions