Hacktoberfest 2026：メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

v4: Broken solidgauge chart after upgrade to latest version

オープン
  • 何か問題がありますか？
#582 コメント 2 件 リアクション 0 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

評価

難易度
3/5
見積もり時間
1〜2日
初心者へのやさしさ
35/100
issue の種類
バグ
明瞭さ
おおむね明確
活発さ
停滞
技術スタック
javascript, node.js
領域
api, backend

調査の方向性

まず、提供された curl リクエストを highcharts-export-server 3.1.1 と 4.0.2 に対して再現し、solidgauge の出力を比較します。リクエストと solidgauge のレンダリングを処理する export-server のエントリーポイントを追跡します。完了の条件は、バージョン 4 がエラーなしで "Values" の代わりに色付きの値の円を表示することです。

索引モデルが issue の本文から書いたものです。

説明

bug only json

Hello,

Since upgrade to v4.0.2, some of my charts generated by highcharts-export-server are broken, especially the solidegauge ones. Instead of displaying the colored circles for the values like in the v3.x version, it shows the word "Values".

I also use polar charts, and no problems with those. I don't know if it's a bug, but I couldn't find in the changelog what can cause this breaking change. No errors are reported in the log.

Any idea what could be causing this? Thanks.

Expected behaviour
npm list highcharts-export-server -g
/usr/local/lib
└── [email protected]

curl -H "Content-Type: application/json" -X POST -d '{"type":"png","infile":{"chart":{"type":"solidgauge","height":"110%"},"credits":{"enabled":false},"title":{"text":""},"yAxis":{"min":0,"max":100,"lineWidth":0,"tickPositions":[]},"pane":{"startAngle":0,"endAngle":360,"background":[{"outerRadius":"105%","innerRadius":"85%","backgroundColor":"rgba(240,148,0,0.3)","borderWidth":0},{"outerRadius":"65%","innerRadius":"50%","backgroundColor":"rgba(39,209,190,0.3)","borderWidth":0}]},"plotOptions":{"solidgauge":{"dataLabels":{"enabled":false},"linecap":"round","stickyTracking":false,"rounded":true}},"series":[{"name":"","data":[{"color":"#f09400","radius":"105%","innerRadius":"85%","y":35}]},{"name":"","data":[{"color":"#27d1be","radius":"65%","innerRadius":"50%","y":77}]}]},"width":150,"height":150}' 127.0.0.1:7801 -o chart.png

chart

Actual behaviour
npm list highcharts-export-server -g
/usr/local/lib
└── [email protected]

curl -H "Content-Type: application/json" -X POST -d '{"type":"png","infile":{"chart":{"type":"solidgauge","height":"110%"},"credits":{"enabled":false},"title":{"text":""},"yAxis":{"min":0,"max":100,"lineWidth":0,"tickPositions":[]},"pane":{"startAngle":0,"endAngle":360,"background":[{"outerRadius":"105%","innerRadius":"85%","backgroundColor":"rgba(240,148,0,0.3)","borderWidth":0},{"outerRadius":"65%","innerRadius":"50%","backgroundColor":"rgba(39,209,190,0.3)","borderWidth":0}]},"plotOptions":{"solidgauge":{"dataLabels":{"enabled":false},"linecap":"round","stickyTracking":false,"rounded":true}},"series":[{"name":"","data":[{"color":"#f09400","radius":"105%","innerRadius":"85%","y":35}]},{"name":"","data":[{"color":"#27d1be","radius":"65%","innerRadius":"50%","y":77}]}]},"width":150,"height":150}' 127.0.0.1:7801 -o chart2.png

chart2

Reproduction steps
curl -H "Content-Type: application/json" -X POST -d '{"type":"png","infile":{"chart":{"type":"solidgauge","height":"110%"},"credits":{"enabled":false},"title":{"text":""},"yAxis":{"min":0,"max":100,"lineWidth":0,"tickPositions":[]},"pane":{"startAngle":0,"endAngle":360,"background":[{"outerRadius":"105%","innerRadius":"85%","backgroundColor":"rgba(240,148,0,0.3)","borderWidth":0},{"outerRadius":"65%","innerRadius":"50%","backgroundColor":"rgba(39,209,190,0.3)","borderWidth":0}]},"plotOptions":{"solidgauge":{"dataLabels":{"enabled":false},"linecap":"round","stickyTracking":false,"rounded":true}},"series":[{"name":"","data":[{"color":"#f09400","radius":"105%","innerRadius":"85%","y":35}]},{"name":"","data":[{"color":"#27d1be","radius":"65%","innerRadius":"50%","y":77}]}]},"width":150,"height":150}' 127.0.0.1:7801 -o chart2.png
主要言語
JavaScript
スター
368
フォーク
266
30日以内にマージされた PR はありません

環境構築

  • Dockerfile または Docker Compose ファイルあり
  • プルリクエストのテンプレートなし
  • コントリビューションガイドなし

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

highcharts/node-export-server のほかの issue

highcharts/node-export-server の issue をすべて見る

似ている issue

JavaScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。