Hacktoberfest 2026: the issues maintainers tagged for October, open and beginner-friendly. Browse Hacktoberfest issues

> 50 bubble charts produce corrupt chart SVG

Open
  • Is something wrong?
#641 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
3/5
Estimated time
1-2 days
Newbie friendliness
42/100
Issue type
Bug
Clarity
Mostly clear
Activity status
Stale
Tech stack
javascript, node.js
Domain
backend, data-visualization

Research direction

Reproduce the export with not_working.json using the documented highcharts-export-server command, then compare its SVG with the working.json result. Trace the SVG export path responsible for bubble charts and verify that the output defines the xlink namespace and includes all 51 bubbles without corruption.

Written by the indexing model from the issue text.

Description

Expected behaviour

All 51 bubbles should be displayed without error.

Actual behaviour

The export server produces a corrupt SVG. When opening the file, following error is displayed:

error on line 44 at column 7087: Namespace prefix xlink for href on image is not defined

If I fix it by adding xmlns:xlink="http://www.w3.org/1999/xlink" to the svg tag, the image is displayed without an error. But no bubbles are shown.

Additional info

Base config structure used:

{
    "chart": {
        "type": "bubble",
        "plotBorderWidth": 1,
        "zooming": {
            "type": "xy"
        }
    },
    "title": {
        "text": "Highcharts Bubbles Sizing"
    },
    "subtitle": {
        "text": "Smallest and largest bubbles are equal, intermediate bubbles different."
    },
    "xAxis": {
        "gridLineWidth": 1
    },
    "yAxis": {
        "startOnTick": false,
        "endOnTick": false
    },
    "series": [
        {
            "data": [
                [
                    5,
                    5,
                    5
                ]
            ],
            "sizeBy": "area",
            "name": "Size by area"
        },
    ]
}

Command used:

highcharts-export-server --logToFile false --allowCodeExecution -nologo true -type=svg  -outfile /tmp/out.svg -infile /tmp/in.json  --logLevel 4
Files used

not_working.json
Image
Image
working.json
Image

Dominant language
JavaScript
Stars
368
Forks
265
No merged PRs in 30d

Getting set up

  • Ships a Dockerfile or Docker Compose file
  • No pull request template
  • No contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from highcharts/node-export-server

All issues in highcharts/node-export-server

Similar issues

More JavaScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.