google-visualization - GVIZ: 連続軸 (datetime) のカスタム ラベル

Question

datetimex 軸の値に対していくつかの数値をプロットする折れ線グラフがあります。列タイプで値を使用datetimeすると、それがレンダリングされるためcontinuous axis、列ラベルは自動生成されます。

列ラベルとして時間コンポーネントのみを取得し、日付は取得しません。日時全体をラベルとして取得するためにできることはありますか?

(注: データ ポイントの間隔を均等にしたくないので、データ型を文字列に変更したくありません。)

Answer 1

はい。ICU SimpleDateFormatのサブセットを使用するフォーマッターを調べる必要があります。

それらがどのように機能するかの例を次に示します。

function drawVisualization() {
  // Create and populate the data table.
  var data = new google.visualization.DataTable();
  data.addColumn('date', 'Date');
  data.addRows([
    [new Date(2012,1,5)],
    [new Date(2012,2,10)],
    [new Date(2012,3,15)],
    [new Date(2012,4,20)]
  ]);

  alert(data.getFormattedValue(3,0));

  var formatter1 = new google.visualization.DateFormat({pattern: 'yyyy, MMM'});

  formatter1.format(data,0);

  alert(data.getFormattedValue(3,0));
}

データとニーズに合わせて調整してください。あなたはそれが働いています。