Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

Data labels are not visible on a packedbubble chart when exporting PNG or JPEG

Aperta
  • Qualcosa non va?
#585 1 commento 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
3/5
Tempo stimato
1-2 giorni
Idoneità per principianti
42/100
Tipo di issue
Bug
Chiarezza
Abbastanza chiara
Stato di attività
Ferma
Stack tecnologico
javascript, nodejs
Ambito
backend

Direzione di ricerca

Inizia riproducendo l’issue 585 sull’endpoint di esportazione localhost:7801 con la configurazione packedbubble e confronta il rendering delle etichette negli output SVG, PDF, PNG e JPEG. Traccia il percorso di esportazione responsabile della generazione delle immagini raster; il lavoro è completato quando le etichette dati abilitate sono chiaramente visibili in PNG e JPEG così come negli output vettoriali.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

bug only json

Expected behaviour

Data labels to be clearly visible on the bubbles

Actual behaviour

Data labels are invisible

Reproduction steps

Send the following chart config:

{
  "chart": {
    "type": "packedbubble"
  },
  "plotOptions": {
    "packedbubble": {
      "dataLabels": {
        "enabled": true
      }
    }
  },
  "series": [
    {
      "data": [
        1,
        2,
        3
      ]
    }
  ]
}

When exporting a SVG or PDF, the labels are shown correctly:

Screenshot 2024-10-15 at 09 38 41

curl 'http://localhost:7801/' \
  --data-raw '{"infile":"{\n  \"chart\": {\n    \"type\": \"packedbubble\"\n  },\n    \"exporting\": {\n      \"allowHTML\": true\n    },\n  \"plotOptions\": {\n    \"packedbubble\": {\n      \"dataLabels\": {\n        \"enabled\": true\n      }\n    }\n  },\n  \"series\": [\n    {\n      \"data\": [\n        1,\n        2,\n        3\n      ]\n    }\n  ]\n}\n","width":false,"scale":"2","constr":"chart","type":"image/png","b64":true}'

But when exporting to PNG or to JPEG:

Screenshot 2024-10-15 at 09 38 32

curl 'http://localhost:7801/' \
  --data-raw '{"infile":"{\n  \"chart\": {\n    \"type\": \"packedbubble\"\n  },\n    \"exporting\": {\n      \"allowHTML\": true\n    },\n  \"plotOptions\": {\n    \"packedbubble\": {\n      \"dataLabels\": {\n        \"enabled\": true\n      }\n    }\n  },\n  \"series\": [\n    {\n      \"data\": [\n        1,\n        2,\n        3\n      ]\n    }\n  ]\n}\n","width":false,"scale":"2","constr":"chart","type":"image/svg+xml","b64":true}'
Lingua principale
JavaScript
Stelle
368
Fork
265
Nessuna PR unita negli ultimi 30g

Preparare l'ambiente

  • Include un Dockerfile o un file Docker Compose
  • Nessun modello di pull request
  • Nessuna guida per i contributori

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di highcharts/node-export-server

Tutte le issue di highcharts/node-export-server

Issue simili

Altre issue su JavaScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.