echo4190
Posts: 8
Joined: Wed Aug 28, 2024 10:09 am

Image type not supported for this chart/browser

Good morning
i am trying to export a map chart as a pdf file locally, after i clicked highcharts says

Code: Select all

Error: Image type not supported for this chart/browser.
    at h.o [as exportChartLocal] (offline-exporting.js?v=1.x:9:3790)
    at h.onclick (offline-exporting.js?v=1.x:9:2102)
    at HTMLLIElement.onclick (exporting.js?v=1.x:9:11862)
the image i am using is attached and here's the chart structure i use

Code: Select all

(async () => {

    const topology = await fetch(
        'https://code.highcharts.com/mapdata/custom/world.topo.json'
    ).then(response => response.json());

var chart={
    "chart": {
        "type": "map",
        "map": topology,
		"backgroundColor": "#f5f5f3",
        "margin": [
            0,
            0,
            0,
            0
        ],
        "panning": {
            "enabled": true,
            "type": "xy"
        }
    },
    "title": {
        "text": ""
    },
    "credits": {
        "enabled": false
    },
    "mapNavigation": {
        "enabled": true,
        "enableMouseWheelZoom": false,
        "buttonOptions": {
            "verticalAlign": "bottom",
            "align": "left"
        }
    },
    "legend": {
        "enabled": false,
        "layout": "vertical",
        "align": "left",
        "padding": 10,
        "itemMarginTop": 6,
        "itemMarginBottom": 6,
        "itemStyle": {
            "lineHeight": "16px"
        },
        "borderColor": "#dddddd",
        "borderWidth": 1,
        "verticalAlign": "bottom",
        "fontSize": "19px",
        "title": {
            "text": "Value in %"
        },
        "rtl": false
    },
    "plotOptions": {
        "series": {
            "states": {
                "hover": {
                    "enabled": true,
                    "borderColor": "#00add9",
                    "borderWidth": 5.2,
                    "backgroundColor": "transparent"
                }
            },
            "cursor": "pointer"
        }
    },
    "colorAxis": {
        "labels": {
            "format": "{value}%",
            /*"style": {
                "fontFamily": "'Lucida Grande', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif",
                "color": "#666666",
                "fontSize": "12px"
            }*/
        },
        "max": 100,
        "min": 0,
        "stops": [
            [
                -50,
                "#f5f5f3"
            ],
            [
                -30,
                "#f5f5f3"
            ],
            [
                -0.2,
                "#ffffff"
            ],
            [
                -0.0999,
                "#ffffff"
            ],
            [
                -0.1,
                "#A6A6A6"
            ],
            [
                -0.009899999999999999,
                "#A6A6A6"
            ],
            [
                0,
                "#ffb300"
            ],
            [
                0.5,
                "#ffb300"
            ],
            [
                0.5001,
                "#ffd54f"
            ],
            [
                0.75,
                "#ffd54f"
            ],
            [
                0.7501000000000001,
                "#4fc3f7"
            ],
            [
                0.9,
                "#4fc3f7"
            ],
            [
                0.9001,
                "#0288d1"
            ],
            [
                1,
                "#0288d1"
            ]
        ]
    },
    "tooltip": {
        "useHTML": false,
        "borderWidth": 1,
        "padding": 10,
        /*"style": {
            "fontSize": "12px",
            "fontFamily": "'Lucida Grande', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif"
        }*/
    },
    "series": [
        {
            "joinBy": [
                "iso-a3",
                "key"
            ],
            "data": [
               
                        {
                            "key": "REU",
                            "value": 96,
                            "year": "2022",
                            "country": "Réunion"
                        },
                        {
                            "key": "ROU",
                            "value": 82,
                            "year": "2022",
                            "country": "Romania"
                        },
                        {
                            "key": "RUS",
                            "value": 76,
                            "year": "2022",
                            "country": "Russian Federation"
                        },
                        {
                            "key": "BLM",
                            "value": 100,
                            "year": "2022",
                            "country": "Saint Barthélemy"
                        },
                        {
                            "key": "SHN",
                            "value": 89,
                            "year": "2022",
                            "country": "Saint Helena"
                        },
                        {
                            "key": "MAF",
                            "value": 97,
                            "year": "2022",
                            "country": "Saint Martin (French Part)"
                        },
                        {
                            "key": "SPM",
                            "value": 83,
                            "year": "2020",
                            "country": "Saint Pierre and Miquelon"
                        },
                        {
                            "key": "SMR",
                            "value": 100,
                            "year": "2022",
                            "country": "San Marino"
                        },
                        {
                            "key": "STP",
                            "value": 36,
                            "year": "2022",
                            "country": "Sao Tome and Principe"
                        },
                        {
                            "key": "SEN",
                            "value": 27,
                            "year": "2022",
                            "country": "Senegal"
                        },
                        {
                            "key": "SRB",
                            "value": 75,
                            "year": "2022",
                            "country": "Serbia"
                        },
                        {
                            "key": "SLE",
                            "value": 10,
                            "year": "2022",
                            "country": "Sierra Leone"
                        },
                        {
                            "key": "SGP",
                            "value": 100,
                            "year": "2022",
                            "country": "Singapore"
                        },
                        {
                            "key": "SVK",
                            "value": 99,
                            "year": "2022",
                            "country": "Slovakia"
                        },
                        {
                            "key": "VNM",
                            "value": 58,
                            "year": "2022",
                            "country": "Viet Nam"
                        },
                        {
                            "key": "SVN",
                            "value": 98,
                            "year": "2022",
                            "country": "Slovenia"
                        },
                        {
                            "key": "ZWE",
                            "value": 27,
                            "year": "2022",
                            "country": "Zimbabwe"
                        },
                        {
                            "key": "ESP",
                            "value": 100,
                            "year": "2022",
                            "country": "Spain"
                        },
                        {
                            "key": "SUR",
                            "value": 56,
                            "year": "2022",
                            "country": "Suriname"
                        },
                        {
                            "key": "SWE",
                            "value": 100,
                            "year": "2022",
                            "country": "Sweden"
                        },
                        {
                            "key": "CHE",
                            "value": 97,
                            "year": "2022",
                            "country": "Switzerland"
                        },
                        {
                            "key": "TJK",
                            "value": 55,
                            "year": "2022",
                            "country": "Tajikistan"
                        },
                        {
                            "key": "TGO",
                            "value": 19,
                            "year": "2022",
                            "country": "Togo"
                        },
                        {
                            "key": "TON",
                            "value": 30,
                            "year": "2022",
                            "country": "Tonga"
                        },
                        {
                            "key": "TUN",
                            "value": 74,
                            "year": "2022",
                            "country": "Tunisia"
                        },
                        {
                            "key": "TKM",
                            "value": 95,
                            "year": "2022",
                            "country": "Turkmenistan"
                        },
                        {
                            "key": "TCA",
                            "value": 47,
                            "year": "2022",
                            "country": "Turks and Caicos Islands"
                        },
                        {
                            "key": "TUV",
                            "value": 9,
                            "year": "2022",
                            "country": "Tuvalu"
                        },
                        {
                            "key": "UGA",
                            "value": 19,
                            "year": "2022",
                            "country": "Uganda"
                        },
                        {
                            "key": "UKR",
                            "value": 88,
                            "year": "2022",
                            "country": "Ukraine"
                        },
                        {
                            "key": "MKD",
                            "value": 80,
                            "year": "2022",
                            "country": "North Macedonia"
                        },
                        {
                            "key": "GBR",
                            "value": 100,
                            "year": "2022",
                            "country": "United Kingdom of Great Britain and Northern Ireland"
                        },
                        {
                            "key": "CHI",
                            "value": 92,
                            "year": "2017",
                            "country": "Channel Islands"
                        },
                        {
                            "key": "IMN",
                            "value": 100,
                            "year": "2022",
                            "country": "Isle of Man"
                        },
                        {
                            "key": "TZA",
                            "value": 11,
                            "year": "2022",
                            "country": "United Republic of Tanzania"
                        },
                        {
                            "key": "USA",
                            "value": 97,
                            "year": "2022",
                            "country": "United States of America"
                        },
                        {
                            "key": "VIR",
                            "value": 98,
                            "year": "2020",
                            "country": "United States Virgin Islands"
                        },
                        {
                            "key": "UZB",
                            "value": 80,
                            "year": "2022",
                            "country": "Uzbekistan"
                        },
                        {
                            "key": "WLF",
                            "value": 69,
                            "year": "2022",
                            "country": "Wallis and Futuna Islands"
                        },
                        {
                            "key": "WSM",
                            "value": 62,
                            "year": "2022",
                            "country": "Samoa"
                        },
                        {
                            "key": "X15",
                            "value": -5,
                            "name": "",
                            "country": ""
                        },
                        {
                            "key": "XX1",
                            "value": -5,
                            "name": "",
                            "country": "Jammu and kashmir"
                        },
                        {
                            "key": "XX2",
                            "value": -5,
                            "name": "",
                            "country": ""
                        },
                        {
                            "key": "XX3",
                            "value": -5,
                            "name": "",
                            "country": ""
                        },
                        {
                            "key": "XX4",
                            "value": -5,
                            "name": "",
                            "country": ""
                        },
                        {
                            "key": "XX5",
                            "value": -5,
                            "name": "",
                            "country": "Ilemi triangle"
                        },
                        {
                            "key": "XX6",
                            "value": -5,
                            "name": "",
                            "country": ""
                        },
                        {
                            "key": "XX7",
                            "value": -5,
                            "name": "",
                            "country": ""
                        },
                        {
                            "key": "XX8",
                            "value": -5,
                            "name": "",
                            "country": ""
                        },
                        {
                            "key": "X10",
                            "value": -5,
                            "name": "",
                            "country": ""
                        },
                        {
                            "key": "X11",
                            "value": -5,
                            "name": "",
                            "country": ""
                        },
                        {
                            "key": "X12",
                            "value": -5,
                            "name": "",
                            "country": ""
                        },
                        {
                            "key": "X13",
                            "value": -5,
                            "name": "",
                            "country": ""
                        },
                        {
                            "key": "X14",
                            "value": -5,
                            "name": "",
                            "country": ""
                        },
                        {
                            "key": "ABW",
                            "value": -5,
                            "year": "2024",
                            "country": "Aruba"
                        },
                        {
                            "key": "AGO",
                            "value": -5,
                            "year": "2024",
                            "country": "Angola"
                        },
                        {
                            "key": "AIA",
                            "value": -5,
                            "year": "2024",
                            "country": "Anguilla"
                        },
                        {
                            "key": "ALA",
                            "value": -5,
                            "year": "2024",
                            "country": "Åland Islands"
                        },
                        {
                            "key": "ARE",
                            "value": -5,
                            "year": "2024",
                            "country": "United Arab Emirates"
                        },
                        {
                            "key": "ARG",
                            "value": -5,
                            "year": "2024",
                            "country": "Argentina"
                        },
                        {
                            "key": "ATA",
                            "value": -5,
                            "year": "2024",
                            "country": "Antarctica"
                        },
                        {
                            "key": "ATF",
                            "value": -5,
                            "year": "2024",
                            "country": "French Southern Territories"
                        },
                        {
                            "key": "ATG",
                            "value": -5,
                            "year": "2024",
                            "country": "Antigua and Barbuda"
                        },
                        {
                            "key": "AUS",
                            "value": -5,
                            "year": "2024",
                            "country": "Australia"
                        },
                        {
                            "key": "BDI",
                            "value": -5,
                            "year": "2024",
                            "country": "Burundi"
                        },
                        {
                            "key": "BEN",
                            "value": -5,
                            "year": "2024",
                            "country": "Benin"
                        },
                        {
                            "key": "BFA",
                            "value": -5,
                            "year": "2024",
                            "country": "Burkina Faso"
                        },
                        {
                            "key": "BHS",
                            "value": -5,
                            "year": "2024",
                            "country": "Bahamas"
                        },
                        {
                            "key": "BLZ",
                            "value": -5,
                            "year": "2024",
                            "country": "Belize"
                        },
                        {
                            "key": "BMU",
                            "value": -5,
                            "year": "2024",
                            "country": "Bermuda"
                        },
                        {
                            "key": "BOL",
                            "value": -5,
                            "year": "2024",
                            "country": "Bolivia (Plurinational State of)"
                        },
                        {
                            "key": "BRB",
                            "value": -5,
                            "year": "2024",
                            "country": "Barbados"
                        },
                        {
                            "key": "BRN",
                            "value": -5,
                            "year": "2024",
                            "country": "Brunei Darussalam"
                        },
                        {
                            "key": "BVT",
                            "value": -5,
                            "year": "2024",
                            "country": "Bouvet Island"
                        },
                        {
                            "key": "BWA",
                            "value": -5,
                            "year": "2024",
                            "country": "Botswana"
                        },
                        {
                            "key": "CCK",
                            "value": -5,
                            "year": "2024",
                            "country": "Cocos (Keeling) Islands"
                        },
                        {
                            "key": "CHN",
                            "value": -5,
                            "year": "2024",
                            "country": "China"
                        },
                        {
                            "key": "CMR",
                            "value": -5,
                            "year": "2024",
                            "country": "Cameroon"
                        },
                        {
                            "key": "COK",
                            "value": -5,
                            "year": "2024",
                            "country": "Cook Islands"
                        },
                        {
                            "key": "COM",
                            "value": -5,
                            "year": "2024",
                            "country": "Comoros"
                        },
                        {
                            "key": "CPV",
                            "value": -5,
                            "year": "2024",
                            "country": "Cabo Verde"
                        },
                        {
                            "key": "CUB",
                            "value": -5,
                            "year": "2024",
                            "country": "Cuba"
                        },
                        {
                            "key": "CUW",
                            "value": -5,
                            "year": "2024",
                            "country": "Curaçao"
                        },
                        {
                            "key": "CYM",
                            "value": -5,
                            "year": "2024",
                            "country": "Cayman Islands"
                        },
                        {
                            "key": "CYR",
                            "value": -5,
                            "year": "2024",
                            "country": "Christmas Island"
                        },
                        {
                            "key": "DJI",
                            "value": -5,
                            "year": "2024",
                            "country": "Djibouti"
                        },
                        {
                            "key": "DMA",
                            "value": -5,
                            "year": "2024",
                            "country": "Dominica"
                        },
                        {
                            "key": "EGY",
                            "value": -5,
                            "year": "2024",
                            "country": "Egypt"
                        },
                        {
                            "key": "ERI",
                            "value": -5,
                            "year": "2024",
                            "country": "Eritrea"
                        },
                        {
                            "key": "ESH",
                            "value": -5,
                            "year": "2024",
                            "country": "Western Sahara"
                        },
                        {
                            "key": "FLK",
                            "value": -5,
                            "year": "2024",
                            "country": "Falkland Islands (Malvinas)"
                        },
                        {
                            "key": "FRO",
                            "value": -5,
                            "year": "2024",
                            "country": "Faroe Islands"
                        },
                        {
                            "key": "FSM",
                            "value": -5,
                            "year": "2024",
                            "country": "Micronesia (Federated States of)"
                        },
                        {
                            "key": "GAB",
                            "value": -5,
                            "year": "2024",
                            "country": "Gabon"
                        },
                        {
                            "key": "GGY",
                            "value": -5,
                            "year": "2024",
                            "country": "Guernsey"
                        },
                        {
                            "key": "GIN",
                            "value": -5,
                            "year": "2024",
                            "country": "Guinea"
                        },
                        {
                            "key": "GNQ",
                            "value": -5,
                            "year": "2024",
                            "country": "Equatorial Guinea"
                        },
                        {
                            "key": "GRL",
                            "value": -5,
                            "year": "2024",
                            "country": "Greenland"
                        },
                        {
                            "key": "GUY",
                            "value": -5,
                            "year": "2024",
                            "country": "Guyana"
                        },
                        {
                            "key": "HMD",
                            "value": -5,
                            "year": "2024",
                            "country": "Heard Island and McDonald Islands"
                        },
                        {
                            "key": "HTI",
                            "value": -5,
                            "year": "2024",
                            "country": "Haiti"
                        },
                        {
                            "key": "IND",
                            "value": -5,
                            "year": "2024",
                            "country": "India"
                        },
                        {
                            "key": "IOT",
                            "value": -5,
                            "year": "2024",
                            "country": "British Indian Ocean Territory"
                        },
                        {
                            "key": "JAM",
                            "value": -5,
                            "year": "2024",
                            "country": "Jamaica"
                        },
                        {
                            "key": "JEY",
                            "value": -5,
                            "year": "2024",
                            "country": "Jersey"
                        },
                        {
                            "key": "KEN",
                            "value": -5,
                            "year": "2024",
                            "country": "Kenya"
                        },
                        {
                            "key": "KNA",
                            "value": -5,
                            "year": "2024",
                            "country": "Saint Kitts and Nevis"
                        },
                        {
                            "key": "LBR",
                            "value": -5,
                            "year": "2024",
                            "country": "Liberia"
                        },
                        {
                            "key": "LBY",
                            "value": -5,
                            "year": "2024",
                            "country": "Libya"
                        },
                        {
                            "key": "LCA",
                            "value": -5,
                            "year": "2024",
                            "country": "Saint Lucia"
                        },
                        {
                            "key": "MDV",
                            "value": -5,
                            "year": "2024",
                            "country": "Maldives"
                        },
                        {
                            "key": "MHL",
                            "value": -5,
                            "year": "2024",
                            "country": "Marshall Islands"
                        },
                        {
                            "key": "MLI",
                            "value": -5,
                            "year": "2024",
                            "country": "Mali"
                        },
                        {
                            "key": "MOZ",
                            "value": -5,
                            "year": "2024",
                            "country": "Mozambique"
                        },
                        {
                            "key": "MRT",
                            "value": -5,
                            "year": "2024",
                            "country": "Mauritania"
                        },
                        {
                            "key": "MSR",
                            "value": -5,
                            "year": "2024",
                            "country": "Montserrat"
                        },
                        {
                            "key": "MUS",
                            "value": -5,
                            "year": "2024",
                            "country": "Mauritius"
                        },
                        {
                            "key": "NAM",
                            "value": -5,
                            "year": "2024",
                            "country": "Namibia"
                        },
                        {
                            "key": "NER",
                            "value": -5,
                            "year": "2024",
                            "country": "Niger"
                        },
                        {
                            "key": "NFK",
                            "value": -5,
                            "year": "2024",
                            "country": "Norfolk Island"
                        },
                        {
                            "key": "NRU",
                            "value": -5,
                            "year": "2024",
                            "country": "Nauru"
                        },
                        {
                            "key": "PAN",
                            "value": -5,
                            "year": "2024",
                            "country": "Panama"
                        },
                        {
                            "key": "PCN",
                            "value": -5,
                            "year": "2024",
                            "country": "Pitcairn"
                        },
                        {
                            "key": "PNG",
                            "value": -5,
                            "year": "2024",
                            "country": "Papua New Guinea"
                        },
                        {
                            "key": "RWA",
                            "value": -5,
                            "year": "2024",
                            "country": "Rwanda"
                        },
                        {
                            "key": "SAU",
                            "value": -5,
                            "year": "2024",
                            "country": "Saudi Arabia"
                        },
                        {
                            "key": "SDN",
                            "value": -5,
                            "year": "2024",
                            "country": "Sudan"
                        },
                        {
                            "key": "SGS",
                            "value": -5,
                            "year": "2024",
                            "country": "South Georgia and the South Sandwich Islands"
                        },
                        {
                            "key": "SJM",
                            "value": -5,
                            "year": "2024",
                            "country": "Svalbard and Jan Mayen Islands"
                        },
                        {
                            "key": "SLB",
                            "value": -5,
                            "year": "2024",
                            "country": "Solomon Islands"
                        },
                        {
                            "key": "SLV",
                            "value": -5,
                            "year": "2024",
                            "country": "El Salvador"
                        },
                        {
                            "key": "SOM",
                            "value": -5,
                            "year": "2024",
                            "country": "Somalia"
                        },
                        {
                            "key": "SSD",
                            "value": -5,
                            "year": "2024",
                            "country": "South Sudan"
                        },
                        {
                            "key": "SWZ",
                            "value": -5,
                            "year": "2024",
                            "country": "Eswatini"
                        },
                        {
                            "key": "SYC",
                            "value": -5,
                            "year": "2024",
                            "country": "Seychelles"
                        },
                        {
                            "key": "SYR",
                            "value": -5,
                            "year": "2024",
                            "country": "Syrian Arab Republic"
                        },
                        {
                            "key": "THA",
                            "value": -5,
                            "year": "2024",
                            "country": "Thailand"
                        },
                        {
                            "key": "TKL",
                            "value": -5,
                            "year": "2024",
                            "country": "Tokelau"
                        },
                        {
                            "key": "TLS",
                            "value": -5,
                            "year": "2024",
                            "country": "Timor-Leste"
                        },
                        {
                            "key": "TTO",
                            "value": -5,
                            "year": "2024",
                            "country": "Trinidad and Tobago"
                        },
                        {
                            "key": "TUR",
                            "value": -5,
                            "year": "2024",
                            "country": "Türkiye"
                        },
                        {
                            "key": "UMI",
                            "value": -5,
                            "year": "2024",
                            "country": "United States Minor Outlying Islands"
                        },
                        {
                            "key": "URY",
                            "value": -5,
                            "year": "2024",
                            "country": "Uruguay"
                        },
                        {
                            "key": "VAT",
                            "value": -5,
                            "year": "2024",
                            "country": "Holy See"
                        },
                        {
                            "key": "VCT",
                            "value": -5,
                            "year": "2024",
                            "country": "Saint Vincent and the Grenadines"
                        },
                        {
                            "key": "VEN",
                            "value": -5,
                            "year": "2024",
                            "country": "Venezuela (Bolivarian Republic of)"
                        },
                        {
                            "key": "VGB",
                            "value": -5,
                            "year": "2024",
                            "country": "British Virgin Islands"
                        },
                        {
                            "key": "VUT",
                            "value": -5,
                            "year": "2024",
                            "country": "Vanuatu"
                        },
                        {
                            "key": "YEM",
                            "value": -5,
                            "year": "2024",
                            "country": "Yemen"
                        },
                        {
                            "key": "ZAF",
                            "value": -5,
                            "year": "2024",
                            "country": "South Africa"
                        },
                        {
                            "key": "ZMB",
                            "value": -5,
                            "year": "2024",
                            "country": "Zambia"
                        },
                        {
                            "key": "0",
                            "value": -5,
                            "year": "2024",
                            "country": "Sark"
                        },
                        {
                            "key": "SXM",
                            "value": -5,
                            "year": "2024",
                            "country": "Sint Maarten (Dutch part)"
                        },
                        {
                            "key": "XKX",
                            "value": -5,
                            "year": "2024",
                            "country": "Kosovo"
                        }
                    ],
                    "nullcolor": "#D9D9D9",
                    "name": "6.1.1",
                    "states": {
                        "hover": {
                            "enabled": false
                        }
                    },
                    "dataLabels": {
                        "enabled": false,
                        "format": "{point.name}%",
                        "style": {
                            "fontSize": "13px"
                        }
                    }
                }
            ],
            "plotOptions": {
                "series": {
                    "states": {
                        "hover": {
                            "enabled": true,
                            "borderColor": "#00add9",
                            "borderWidth": 5.2,
                            "backgroundColor": "transparent"
                        }
                    },
                    "cursor": "pointer"
                }
            }
        },
        "scale": 1,
        "buttons": {
            "contextButton": {
                "menuItems": [
                    "downloadPNG",
                    "downloadJPEG",
                    "downloadPDF",
                    "downloadSVG"
                ],
                //"symbol": "url(/themes/custom/unwater/images/toggle_button.png)",
                "className": "tooltip-unwater"
            }
        }
    }
};
Highcharts.mapChart('indicate-indicator',chart);
})();
thanks
Attachments
toggle_button.png
toggle_button.png (1.69 KiB) Viewed 3544 times
jakub.s
Site Moderator
Posts: 1503
Joined: Fri Dec 16, 2022 11:45 am

Re: Image type not supported for this chart/browser

Hi,

Welcome to our forum & thanks for the question!

Please create a minimal reproducible example in JSFiddle. You could start from one of the demos available here: https://www.highcharts.com/demo

I will then try to investigate the issue, get down to the root cause of it, and potentially offer a sensible solution.

I'll be waiting for your response.

Best regards!
Jakub
Highcharts Developer
echo4190
Posts: 8
Joined: Wed Aug 28, 2024 10:09 am

Re: Image type not supported for this chart/browser

Good morning i am sending a jsfiddle link reproducing previously mentioned problem https://jsfiddle.net/40kcgdLm/2/
jakub.s
Site Moderator
Posts: 1503
Joined: Fri Dec 16, 2022 11:45 am

Re: Image type not supported for this chart/browser

Hi @echo4190,

Thanks for reproducing!

You're right, you're encountering Highcharts Error #28 which states as follows:
This happens when the offline export module encounters a chart that it can't export successfully, and the fallback to the online export server is disabled. The offline exporting module will fail for certain browsers, and certain features (e.g. exporting.allowHTML), depending on the type of image exporting to. For a compatibility overview, see Client Side Export.

For very complex charts, it's possible that exporting fail in browsers that don't support Blob objects, due to data URL length limits. It's always recommended to define the exporting.error callback when disabling the fallback, so that details can be provided to the end-user if offline export isn't working for them.

You can read about this as well in our documentation, where there is a browser support table: https://www.highcharts.com/docs/export- ... ide-export

A short explanation: we have 2 ways to export in Highcharts - online (with our Export Server) and offline (with the help of an external library). The offline exporting does not support every single feature (like certain images in certain formats, due to the limitations of 3rd party offline exporting libraries that Highcharts uses internally) - you can read more about that in the docs (the link above that I've shared).

For this reason, exporting this chart to PDF will not work in offline mode; you can try out using the fallback to export server which will automatically send a request to our exporting server when the image cannot be exported via offline exporting module.

Please do not hesitate to ask in case anything's unclear or if you have any other Highcharts-related questions.

Best regards!
Jakub
Highcharts Developer
echo4190
Posts: 8
Joined: Wed Aug 28, 2024 10:09 am

Re: Image type not supported for this chart/browser

Yes I found that problem as well, but the strangest thing is that if you delete the symbol data in exporting section chart exporting works either locally
echo4190
Posts: 8
Joined: Wed Aug 28, 2024 10:09 am

Re: Image type not supported for this chart/browser

jakub.s wrote: Mon Sep 02, 2024 8:26 am Hi @echo4190,

Thanks for reproducing!

You're right, you're encountering Highcharts Error #28 which states as follows:
This happens when the offline export module encounters a chart that it can't export successfully, and the fallback to the online export server is disabled. The offline exporting module will fail for certain browsers, and certain features (e.g. exporting.allowHTML), depending on the type of image exporting to. For a compatibility overview, see Client Side Export.

For very complex charts, it's possible that exporting fail in browsers that don't support Blob objects, due to data URL length limits. It's always recommended to define the exporting.error callback when disabling the fallback, so that details can be provided to the end-user if offline export isn't working for them.

You can read about this as well in our documentation, where there is a browser support table: https://www.highcharts.com/docs/export- ... ide-export

A short explanation: we have 2 ways to export in Highcharts - online (with our Export Server) and offline (with the help of an external library). The offline exporting does not support every single feature (like certain images in certain formats, due to the limitations of 3rd party offline exporting libraries that Highcharts uses internally) - you can read more about that in the docs (the link above that I've shared).

For this reason, exporting this chart to PDF will not work in offline mode; you can try out using the fallback to export server which will automatically send a request to our exporting server when the image cannot be exported via offline exporting module.

Please do not hesitate to ask in case anything's unclear or if you have any other Highcharts-related questions.

Best regards!
So the only way to export that chart without commenting the symbol data is running an export server isn't it?
jakub.s
Site Moderator
Posts: 1503
Joined: Fri Dec 16, 2022 11:45 am

Re: Image type not supported for this chart/browser

Officially, yes. Alternatively, you could try to implement your custom exporting solution by taking a screenshot of the chart and putting it into a PDF or using another exporting library - you can experiment with different 3rd party exporting solutions.

Currently, we are in the process of investigating alternative offline exporting libraries and possibilities. We're hoping to improve the current functionalities and get rid of the limitations (including the one that you're experiencing).

Hopefully, in one of the upcoming versions of Highcharts, this will no longer be a problem, but for now - I cannot promise you anything because it's too early phase; thus, I would advise you to experiment with other exporting alternatives or to enable exporting via our export server.

Best regards!
Jakub
Highcharts Developer
echo4190
Posts: 8
Joined: Wed Aug 28, 2024 10:09 am

Re: Image type not supported for this chart/browser

Good morning
I tried using the highcharts node export server but without success, it always give me a 500 error when i put that picture inside the json, is there a way to temporarily remove that symbol before calling the exportchart function?
jakub.s
Site Moderator
Posts: 1503
Joined: Fri Dec 16, 2022 11:45 am

Re: Image type not supported for this chart/browser

@echo4190 could you please reproduce it in JSFiddle? I could then take a look at the code and investigate what's wrong.

Best regards!
Jakub
Highcharts Developer
echo4190
Posts: 8
Joined: Wed Aug 28, 2024 10:09 am

Re: Image type not supported for this chart/browser

jakub.s wrote: Mon Sep 23, 2024 12:21 pm @echo4190 could you please reproduce it in JSFiddle? I could then take a look at the code and investigate what's wrong.

Best regards!
You can use the preivous fiddle posted, for the highcharts node export server obviously i cannot put it inside jsfiddle. my aim is removing the symbol picture before the exportchartlocal starts and put it back once it's finished in this way i should be able to use the offline-export module without using the node export server
jakub.s
Site Moderator
Posts: 1503
Joined: Fri Dec 16, 2022 11:45 am

Re: Image type not supported for this chart/browser

If I understand you correctly, you want to modify a particular part of the chart's configuration before exporting.

In order to do that, you can use the exporting.chartOptions: https://api.highcharts.com/highcharts/e ... artOptions which allow you to do exactly that.

You can eliminate this custom symbol, but it will only affect the exported chart.

Let me know if that's what you were looking for.

Best regards!
Jakub
Highcharts Developer
echo4190
Posts: 8
Joined: Wed Aug 28, 2024 10:09 am

Re: Image type not supported for this chart/browser

Exactly what you told, considering that symbol is the cause of the exporting error removing it before the exporting procedure begins should avoid the exception and complete successfully the offline exporting
jakub.s
Site Moderator
Posts: 1503
Joined: Fri Dec 16, 2022 11:45 am

Re: Image type not supported for this chart/browser

Hi @echo4190,

I've checked it out and you're right, it does not seem to be working as expected.

Here's a demo of a workaround that I've prepared for you which should solve it: https://jsfiddle.net/BlackLabel/xuzqy6ft/

Let me know if that works as expected now.

Best regards!
Jakub
Highcharts Developer
echo4190
Posts: 8
Joined: Wed Aug 28, 2024 10:09 am

Re: Image type not supported for this chart/browser

Sorry my late answer but unfortunately the highcharts based project isn't the only one i handle and only now i correctly managed other priorities.

Anyway thanks for the workaround, dropshadow warning apart the map chart is correctly exported and finally keeping the customer symbol. It's important you know the behaviour you encountered in the jsfiddle happens only for maps, all the other charts rendering do not present any error during their pdf exporting process.

Thank you again for your help
jakub.s
Site Moderator
Posts: 1503
Joined: Fri Dec 16, 2022 11:45 am

Re: Image type not supported for this chart/browser

Sure, thanks for reporting!

Please do not hesitate to ask on this forum in case you have any more questions about this (or any other Highcharts-related questions).

Best regards!
Jakub
Highcharts Developer

Return to “Highcharts Maps”