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

Icon being plotted using this node export server is not expected one

オープン
#618 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る

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

評価

難易度
4/5
見積もり時間
3〜5日
初心者へのやさしさ
25/100
issue の種類
バグ
明瞭さ
説明が足りない
活発さ
停滞
技術スタック
javascript
領域
api, backend

調査の方向性

まず、提供された環境変数とcallbackを使用して、7f5d512fe565632d2da32afbdc38662d7bf8fdefのnode-export-server checkoutに対するPOSTリクエストを再現します。lib/server.jsと、変更されたソケットクローズ処理周辺のexport pathを調査し、その後、生成されたアイコンを期待される画像と比較します。要求されたchart inputを変更せずにduotone Font Awesomeアイコンが正しくレンダリングされれば完了です。

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

説明

I setup this node export server on our server. We followed the below steps while setting the server

Setup Steps
  1. git clone https://github.com/highcharts/node-export-server.git
  2. git checkout 7f5d512fe565632d2da32afbdc38662d7bf8fdef (for version 2.1.0)
  3. edited lib/server.js
    from
  req.on("close", function () {
    connectionAborted = true;
  });

to

 req.socket.on("close", function () {
    connectionAborted = true;
  });

as the connection was getting closed.
4. used node version 20.4.0 and provided env variables as:

export HIGHCHARTS_USE_MAPS=YES
export HIGHCHARTS_USE_GANTT=YES
export HIGHCHARTS_VERSION=8.0.0
export ACCEPT_HIGHCHARTS_LICENSE=YES
export HIGHCHARTS_USE_STYLED=YES
export OPENSSL_CONF=/etc/ssl

Also, we tried using 9.2.2 version of highcharts.
5. npm install
6. npm link
7. highcharts-export-server --enableServer 1 --logLevel 4 --allowCodeExecution 1

Actual behaviour

When using POST with input

{
    "type": "image/png",
    "scale": 2,
    "globalOptions": "{colors: [\"rgba(39,26,136,0.7)\",\"rgba(241,203,93,0.7)\",\"rgba(234,70,62,0.7)\",\"rgba(114,189,85,0.7)\",\"rgba(77,147,23,0.7)\",\"rgba(163,151,243,0.7)\"],lang: {thousandsSep: ','}}",
    "infile": "{chart: {renderTo: 'test me',height: 400,width: 600},exporting: { sourceWidth:950,sourceHeight:300,enabled:false,allowHTML: true,sourceWidth: 400,sourceHeight: 400,scale: 1},credits: {enabled: true},title: {text: ''}}",
    "callback": "function (chart) {chart.renderer.rect(0, 0,400,400, 8).attr({stroke: '#ccc',fill: '#fcfcfc',zIndex: 3,class:'dataSearchWidget'}).add();if (true == true) {chart.renderer.text('<span><span style=\"float: left;opacity: 1.0;class:fad fa-heart;\">'+String.fromCodePoint(parseInt('f004', 16))+'</span><span style=\"float: left;left: 0;position: absolute;opacity: 0.4;\">'+String.fromCodePoint(parseInt('10f004', 16))+'</span></span>', 40, 260,true).css({fontSize: '175px',color: '#4d545c'}).attr({zIndex: 4}).add(); }};(function(stringFromCharCode){var fromCodePoint=function(_){var codeUnits=[],codeLen=0,result=\"\";for(var index=0,len=arguments.length;index!==len;++index){var codePoint=+arguments[index];if(codePoint<=0xFFFF){codeLen=codeUnits.push(codePoint);}else{codePoint-=0x10000;codeLen=codeUnits.push((codePoint>>10)+0xD800,(codePoint%0x400)+0xDC00);}}return result+stringFromCharCode.apply(null,codeUnits);};try{Object.defineProperty(String,\"fromCodePoint\",{\"value\":fromCodePoint,\"configurable\":true,\"writable\":true});}catch(e){String.fromCodePoint=fromCodePoint;}}(String.fromCharCode));"
}

i was expected below image
image
but got
image
I am using paid version of font awesome of version 5.15.1. And duotone fonts are available in it. I am using thie very fonts and able to plot the expected icon when using specific class, but getting error using this server.

Question

Can you please help here in this problem and provide suggestion. Also, updating highcharts version from this 2.1.0 requires major change in input chartscript so that is also not the viable idea here.

主要言語
JavaScript
スター
368
フォーク
265
PR マージ指標
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 を短くまとめたダイジェスト。