私はここでさまざまなドキュメントや同様の質問を見てきましたが、特定の解決策を見つけることができないようです。私が明白な何かを見逃したか、この質問を繰り返した場合はお詫びします!
背景情報として、Chart.jsプラグインを使用して4つのグラフを実装し、データベースからPHPを使用して必要なデータを渡しました。これはすべて正しく機能しており、問題ありません。
私の問題は、ツールチップにデータを別名のフォーマット済みデータとして表示する必要があることです。%付きの数値として。例として、データベースからの私のデータの1つは-0.17222です。テーブルに表示するパーセンテージとしてフォーマットしましたが、すべて順調です。ただし、chart.js棒グラフのデータを設定すると、データには明らかにこの書式設定が欠落し、-0.17222として表示されます。
申し訳ありません、写真を投稿したかったのですが、私の評判はあまりにも粗末です!
データベースからデータを取得し、テーブルに設定します。
var kpiRex = new Handsontable(example1, {
data: getRexData(),
次に、このデータをチャートセクションで次のようにフィードします。
data: kpiRex.getDataAtRow(3)
どんな助けでも素晴らしいです!私は何時間もこれにこだわっていて、おそらく私が見落としている本当にシンプルなものでしょう。
次のように、チャートオプションでカスタムツールチップテンプレートを指定したいとします。
// String - Template string for single tooltips
tooltipTemplate: "<%if (label){%><%=label %>: <%}%><%= value + ' %' %>",
// String - Template string for multiple tooltips
multiTooltipTemplate: "<%= value + ' %' %>",
これにより、必要な場合は値の後に「%」記号を追加できます。
注意tooltipTemplateが一つだけのデータセットを持っている場合、適用されるmultiTooltipTemplateはあなたがいくつかのデータセットを持っている場合に適用されます。
このオプションは、ドキュメントのグローバルチャート構成セクションで説明されています。見てください、そこでカスタマイズできる他のすべてのオプションをチェックする価値があります。
データセットには数値のみを含める必要があることに注意してください。(%記号やその他のものはありません)。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加