highcharts exporting pdf with Hebrew series

Question

I am using highcharts in C# .net application with javascript.

The code that overrides the behavior of highchart call (for test):

var originalHighcharts = $.fn.highcharts;

$.fn.highcharts = function (options) {
    var additionalSettings = {
        series: [{
            name: `${'עברית'}`, // Hebrew series name
            dataLabels: {
                enabled: true,
                useHTML: true,
                style: {
                    direction: 'rtl',
                    unicodeBidi: 'bidi-override',
                    textAlign: 'right'
                }
            }
        }],
        plotOptions: {
            series: {
                shadow: false
            }
        },
        exporting: {
            fallbackToExportServer: false,
            pdfFont: {
                normal: '/Content/fonts/DavidLibre-Regular.ttf',
                bold: '/Content/fonts/DavidLibre-Bold.ttf',
                italic: '/Content/fonts/davidLibre-medium.ttf'
            },
            chartOptions: {
                chart: {
                    style: {
                        fontFamily: 'DavidLibre, Tahoma, sans-serif'
                    }
                },
                lang: {
                    decimalPoint: ',',
                    thousandsSep: '.',
                    rtl: true
                }
            }
        },
        lang: {
            decimalPoint: ',',
            thousandsSep: '.',
            rtl: true
        },
        chart: {
            styledMode: false,
            style: {
                fontFamily: 'DavidLibre, Tahoma, sans-serif',
                direction: 'rtl'
            }
        },
        title: {
            useHTML: true
        }
    };

    options.series = {};
    var newOptions = $.extend(true, {}, options, additionalSettings);

    // Call the original highcharts function with the merged options
    return originalHighcharts.call(this, newOptions);
};

The DavidLibre is for Hebrew font (ttf files).

The pdf is export fine, except that the word עברית is shown swapped when pdf is exported (תירבע) in the pdf file. When the word is a word in English, it is shown OK.

For png files - the export is also fine.

Why pdf show the Hebrew word in reverse order and how to fix that? (without reversing the string itself, since there are also words in English).

Also, I though for adding the character \u200E before and after the Hebrew string - that do the thing, but it is shown, and maybe another Hebrew font supports this, but what exactly.

For the reverse. Try mark the word character by character at the orde, just befor the hebrew to the end, you see ״ע״ first, and ״ב״ second, and so on at the order of עברית (as should be). Only pdf has that problem. I cannot reverse that word. Sometimes there are English letters, and I need considering them either. — Eitan
– Eitan, Commented Mar 10 at 19:53
Also what can be done in order use proper displaying an not reverse — Eitan
– Eitan, Commented Mar 10 at 20:20
I keep using highchart, since this is used for years in my company. They changed lately (about 3 months) that the pdf is now forbidden from their site. I don't know whether Hebrew was wrong before neigther, but as I need to do the exporting locally, things got complicated. It is locally now exporting ok, and the Hebrew characters are shown. No reverse, whether I use the character '\u200E'. Seems that rtl and direction as I mentioned are irrelevant for the pdf. Now the only thing that is now wrong is that this character is visible. Not fine, since need to be invisible either not reversing. — Eitan
– Eitan, Commented Mar 11 at 4:41

Andrzej Bułeczka · Accepted Answer · 2025-03-05 13:28:55Z

1

Setting this option should help: https://api.highcharts.com/highcharts/exporting.allowHTML

Let me know how it goes with this option enabled.

Regards,

answered Mar 5 at 13:28

Andrzej Bułeczka

5163 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Eitan Mar 9 at 14:28

It didn't work either. Just after useHTML: true

Andrzej Bułeczka Mar 11 at 8:20

If the issue persists, you can always raise a bug ticket here: github.com/highcharts/highcharts.net/issues

Collectives™ on Stack Overflow

highcharts exporting pdf with Hebrew series

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related