Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

> 50 bubble charts produce corrupt chart SVG

Abierto
#641 1 comentario 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
3/5
Tiempo estimado
1-2 días
Aptitud para principiantes
42/100
Tipo de issue
Error
Claridad
Bastante claro
Estado de actividad
Estancado
Stack tecnológico
javascript, node.js

Línea de trabajo

Reproduzca la exportación con not_working.json utilizando el comando documentado de highcharts-export-server y, después, compare su SVG con el resultado de working.json. Siga la ruta de exportación SVG responsable de los gráficos de burbujas y verifique que la salida defina el espacio de nombres xlink e incluya las 51 burbujas sin corrupción.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

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

Lenguaje dominante
JavaScript
Estrellas
368
Forks
265
Métricas de merge de PR
Sin PR fusionados en 30 d

Preparar el entorno

  • Incluye un Dockerfile o un archivo de Docker Compose
  • Sin plantilla de pull request
  • Sin guía de contribución

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de highcharts/node-export-server

Todos los issues de highcharts/node-export-server

Issues similares

Más issues de JavaScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.