アノテーション グラフ

true に設定すると、HTML タグを含むアノテーション テキストは HTML としてレンダリングされます。

凡例のすべての値と、縦軸の目盛りに追加するサフィックス。

グラフ領域全体に対するアノテーション領域の幅（パーセント）。5 ～ 80 の範囲の数値にする必要があります。

グラフの線とラベルに使用する色。文字列の配列。各要素は、有効な HTML カラー形式の文字列です。たとえば、「red」や「#00cc00」などです。

右上に日付情報を表示するために使用される形式。このフィールドの形式は、java SimpleDateFormat クラスで指定されています。

false に設定すると、グラフにはアノテーション テーブルが非表示になり、アノテーションとアノテーション テキストが表示されなくなります（このオプションにかかわらず、データ内にアノテーションがない場合も、アノテーション テーブルは表示されません）。このオプションを true に設定すると、すべての数値列の後に、アノテーション タイトル用とアノテーション テキスト用の 2 つのオプションのアノテーション文字列列を追加できます。

true に設定すると、グラフにアノテーションをフィルタするコントロールが表示されます。アノテーションが多い場合は、このオプションを使用します。

系列値と凡例の日付の間に小さなバー区切り文字（|）を表示するかどうかを指定します。true は「はい」を意味します。

スペースを短くするために、値の短縮版をグラフの上部に表示するかどうかを指定します。false は、指定できることを示します。たとえば、false に設定すると、56,123.45 は 56.12k として表示されます。

凡例のテキストの値の横にドットを表示するかどうかを指定します。true は「はい」を意味します。

凡例でハイライト表示された値を表示するかどうかを指定します。true は「はい」を意味します。

ズーム範囲の選択領域（グラフの下部にある領域）を表示するかどうかを指定します。false の場合、「いいえ」になります。

ズーム セレクタの枠線は、グラフの最初の系列の対数スケール バージョンで、ズーム セレクタの高さに合わせてスケーリングされます。

ズームボタン（「1d 5d 1m」など）を表示するかどうかを指定します。false の場合、「いいえ」になります。

折れ線グラフの各線の下にある塗りつぶしのアルファを指定する 0 ～ 100 の数値。100 は不透明度 100%、0 は塗りつぶしがないことを示します。塗りつぶしの色は、その上の線と同じ色になります。

色付きの凡例を、ズームボタンと日付（同じ行）を使用して同じ行に配置するか、新しい行（「newRow」）に配置するかを指定します。

Y 軸に表示する最大値。最大データポイント数がこの値を超えると、この設定は無視され、最大データポイントを超えて次のメジャー ティック チャートが表示されるようグラフが調整されます。これは、scaleType によって決定される Y 軸の最大値よりも優先されます。

コアチャートの maxValue に似ています。

Y 軸に表示する最小値。最小データポイントがこの値より小さい場合、この設定は無視され、グラフは最小データポイントより下に大きい目盛りが表示されます。これは scaleType によって決定される最小値の Y 軸よりも優先されます。

コアチャートの minValue に似ています。

グラフの上部で値をフォーマットするために使用される数値形式のパターンを指定します。

パターンは、java DecimalFormat クラスで指定された形式である必要があります。

• 指定しない場合は、デフォルトの形式パターンが使用されます。
• 1 つの文字列パターンを指定すると、すべての値で使用されます。

• マップを指定した場合、キーは系列のインデックス（ゼロベース）であり、値は指定した系列のフォーマットに使用されるパターンです。

  グラフにすべての系列の形式を含める必要はありません。指定されていない系列ではデフォルトの形式が使用されます。

このオプションを指定すると、displayExactValues オプションは無視されます。

グラフの Y 軸の目盛りに表示する値を指定します。デフォルトでは、右側に 1 つの目盛りがありますが、これは両方の系列に適用されます。ただし、グラフの別の辺を異なる系列値にスケーリングできます。

このオプションは、スケール値として使用する系列の（0 から始まる）インデックスを指定する 0 ～ 3 の数値の配列を受け取ります。これらの値が表示される場所は、配列に含まれる値の数によって異なります。

• 空の配列を指定すると、グラフの横に目盛り Y の値が表示されません。
• 値を 1 つ指定すると、指定したグラフの縮尺がグラフの右側だけに表示されます。
• 2 つの値を指定すると、2 番目の系列の目盛りがグラフの右側に追加されます。
• 3 つの値を指定すると、グラフの中央に 3 つ目の系列の目盛りが追加されます。
• 配列の 3 番目の値以外は無視されます。

複数の体重計を表示する場合は、scaleType オプションを「allfixed」または「allmaximized」に設定することをおすすめします。

軸の目盛りに使用する数値形式。'#' のデフォルトは整数として表示されます。

Y 軸の最大値と最小値を設定します。以下のオプションを使用できます。

• 「maximized」- Y 軸は系列の最小値から最大値まで広がります。シリーズが複数ある場合は、maxmaxed を使用します。
• 'fixed'default - Y 軸は、データの値の値に応じて変化します。
  • すべての値が 0 以上の場合、Y 軸はゼロから最大データ値まで広がります。
  • すべての値が 0 以下の場合、Y 軸はゼロから最小データ値まで広がります。
  • 値が正と負の両方の場合、Y 軸は系列の最大値から最小値の範囲内になります。
    複数のシリーズの場合は、「allfixed」を使用します。
• 「allmaximized」 - 「maximized」と同じですが、複数のスケールが表示されるときに使用されます。どちらのグラフも同じスケールで最大化されます。つまり、一方のグラフは Y 軸に対して誤って表示されますが、各系列にカーソルを合わせると真の値が表示されます。
• 「allfixed」 - 「fixed」と同じですが、複数の縮尺が表示されるときに使用されます。この設定により、適用するスケールに合わせて各スケールが調整されます（scaleColumns と組み合わせて使用します）。

最小値や最大値を指定すると、スケールタイプによって決定される最小値と最大値よりも優先されます。

アノテーション テーブルに関連するオプションが含まれています。このオブジェクトのプロパティを指定するには、オブジェクト リテラル表記を使用します。

var options: {
  table: {
    sortAscending: true,
    sortColumn: 1
  }
};
      

true に設定すると、アノテーション テーブルの順序が逆になり、それが昇順で表示されます。

アノテーションを並べ替えるためのアノテーション テーブルの列インデックス。アノテーション ラベル列の場合はインデックスが 0、アノテーション テキスト列の場合は 1 である必要があります。

線の太さを 0 ～ 10 の数値で示します。0 は最も細いものです。

選択したズーム範囲の終了日時を設定します。

選択したズーム範囲の開始日時を設定します。

グラフをクリアし、割り当てられているすべてのリソースを解放します。

グラフを描画します。

アノテーション チャートを含むコンテナ要素へのハンドルを取得します。

標準の getSelection() 実装。選択した要素はセル要素です。 ユーザーは一度に 1 つのセルのみを選択できます。

start プロパティと end プロパティを含むオブジェクトを返します。各プロパティは、現在の時間選択を表す Date オブジェクトです。

指定したデータ系列をグラフで非表示にします。数値または数値の配列のいずれか 1 つのパラメータを受け入れます。0 は最初のデータ系列を示します。

表示範囲（ズーム）を指定の範囲に設定します。Date 型の 2 つのパラメータを受け入れます。これらは、選択した選択した表示範囲の最初と最後の時刻を表します。start を null に設定すると、最も早い日付から end までのすべてが含まれます。end を null に設定すると、start から最後の日付までのすべてが含まれます。

hideDataColumns メソッドを使用して非表示にされた後の、グラフから指定されたデータ系列を表示します。1 つのパラメータ（数値または数値の配列）を指定できます。0 は最初のデータ系列を示します。

ユーザーが範囲スライダーを変更すると呼び出されます。新しい範囲エンドポイントは、event['start'] および event['end'] として利用できます。

google.visualization.events.addListener(chart, 'rangechange', rangechange_handler);

function rangechange_handler(e) {
  console.log('You changed the range to ', e['start'], ' and ', e['end']);
}

外部メソッド呼び出しのグラフの準備が完了しました。グラフを描画し、描画後にメソッドを呼び出す場合は、draw メソッドを呼び出す前に、このイベントのリスナーを設定して、イベントが発生した後にのみ呼び出す必要があります。

ユーザーがビジュアル エンティティをクリックすると呼び出されます。選択内容を確認するには、getSelection() を呼び出します。