chart.jsの実装経験のあるかた、ぜひご教示お願いいたします！平均線の作成方法を教えていただきたいです。

Question

#####chart.jsの実装経験のあるかた、ぜひご教示お願いいたします！平均線の作成方法を教えていただきたいです。
今回、会社でchart.jsにて、口コミ数などの平均線について調査することになりました。

こちらについてですが、
chart.jsの平均線ですが、annotation: {annotations:　の中に、定義しております。

平均線の値は、value:　で定義しております

valueの一般的な定義方法について、一般的にどのような方法かご教示を教えていただきたいです。

また、一般的に、平均線はどのようにして表示しているのかご教示いただきたいです。

オープンクエスチョンになってしまいましたが、どうかご教示の方よろしくお願いいたします！

不足している情報や、ご指摘点があればご教示お願いいたします！！

annotation: {
annotations: [{
drawTime: 'afterDatasetsDraw',
type: 'line',
mode: 'horizontal',
scaleID: 'y-axis-0',
value: firstAverage,
borderColor: '#A0C2F9',
borderWidth: 2,
},
{
drawTime: 'afterDatasetsDraw',
type: 'line',
mode: 'horizontal',
scaleID: 'y-axis-0',
value: secondAverage,
borderColor: '#C7C6CE',
borderWidth: 2,
},
],
drawTime: "afterDraw"
}

Comments

[m.ts10806]

想定の動作をしているのであれば問題ないのでは？
正直、提示されている情報だけでは「不足しかない」です。
実装が見えません。コピペで「手元でやっていること」が再現できるようなコードを提示してください。

[suirunakamura]

ご返信いただきありがとうございます！
かしこまりました！
お待ちください。

[m.ts10806]

社会人何年目の方か知らないですが、「会社の情報を提示する」ことは意識されたほうが良いです。
コードも情報漏洩に繋がることがあります。
「提示用に自分で組みなおしたコード」にされたほうが良いです。

[suirunakamura]

下記コードが、平均線の情報取得コードになります。
```
annotation: {
annotations: [{
drawTime: 'afterDatasetsDraw',
type: 'line',
mode: 'horizontal',
scaleID: 'y-axis-0',
value: firstAverage,
borderColor: '#A0C2F9',
borderWidth: 2,
},
{
drawTime: 'afterDatasetsDraw',
type: 'line',
mode: 'horizontal',
scaleID: 'y-axis-0',
value: secondAverage,
borderColor: '#C7C6CE',
borderWidth: 2,
},
],
drawTime: "afterDraw"
}
```

[m.ts10806]

御覧の通り、コメント欄ではマークダウン使えません。
でなくてもここはあくまでも「質問への追記修正依頼」のコメント欄です。
質問本文に反映してお返しください。

[suirunakamura]

かしこまりました
申しわけ、ございません。。

[suirunakamura]

かしこまりました！
ご教示いただきありがとうございます！

[m.ts10806]

あと1点注意。
先に触れてますが「いったい何が問題なのか」という点が明確ではないです。
「実務経験がある方」という要件ではないことを書かれていますが、
ご自身が会社のコードを出せないのと同じく、「実際の実務のコード」は外には出ません。
その点は加味されたうえでの質問ですか？
結局は要件を満たしていればコードは問わないのが通常です。
自身のプロジェクトにコーディングルールがあるならそれに沿うべきで、
他人がどうこう言ったところで結局他人の絵空事、「要件次第」「プロジェクト次第」という点は変わりません。
それに、使う人にとっては「どう作られているか」は関係ないです。

[suirunakamura]

かしこまりました！
ご教示いただきありがとうございます！！