キャンバスを使用してグラフの軸にラベルを付ける

Question

私は今キャンバスに入っているかなり良いグラフを持っていますが、私はlabeling my axesで壁に当っています。

キャンバスにテキストを配置/書き込む方法に関する情報が見つかりません。グラフはすべてのコンテンツのサイズに基づいているため、すべてをプリセットすることも、背景イメージを使用することもできません。

私はテキストを配置する必要がある2つの異なる方法があります：グラフの境界線と左 サイドラインアップ上のラベルよう

1. 右の位置（x、y）に正当化。
2. グラフの下部にあるラベルの位置（x、y）と、グラフに書き込まれるデータポイントを中心にしています。

私はどのようにしてキャンバスにテキストを描くことができますか？あるいは、私は間違った方向に向かい、テキストを別々のブロック要素に置き、CSSでそれらの絶対位置を指定する必要がありますか？

Answer 1

私はfillText()コマンドを使用して終了しました。

context.fillStyle = "#444444"; // set color 
context.font = "normal normal 14px Helvetica"; // set font weight, size, etc 
context.textBaseline = "middle"; // how to align the text vertically 
context.textAlign = "end"; // how to align the text horizontally 
context.fillText("test1", 50, 50); // text, x, y 

テキストが中央に配置されている場合は、textAlignを「中央」に変更してください。

Answer 2

textAlignの値をrightに、textBaselineの値をmiddleに設定する必要があります。