11

私はGoogleChartsAPIを使用して、学生の受験成績のグラフを作成しています。X軸のグラフは、曜日を示しています。Y軸のグラフは、学生が試験を受けるのに費やした時間を示しています。（目標は、教師が生徒のスピードを上げるかどうかを確認することです）。ただし、問題があります。

私のデータは時刻形式であり、Google Charts [HH、MM、SS、MSEC]形式を使用して期間としてグラフに値を提供しています。チャートがレンダリングされると、Y軸は「HH：MM：SS」として出力されます。秒はかなり役に立たず、私が望むよりも乱雑に見えるので、私は本当にそれをカスタマイズしたいと思います。

Charts APIは、列に「パターン」を指定できると言っていますが、私は「HH：MM」を指定しました。しかし、それはまったく効果がないようです。Google Chartsで時刻を書式設定した経験があり、これを行う方法を知っている人はいますか？

4

4 に答える 4

9

この形式は、API ドキュメントの奥深くに埋もれています。(http://code.google.com/apis/chart/interactive/docs/reference.html)。それは約 4 分の 1 ほど下にあり、次のように述べています。

列タイプが「timeofday」の場合、値は [時、分、秒、ミリ秒] の 4 つの数値の配列です。

于 2012-02-08T18:11:38.247 に答える
0

チャート オプション オブジェクトでは、vAxisオブジェクトにフィールドフォーマットを設定し、使用したいパターンの文字列を指定できます。例を次に示します。

new google.visualization.BarChart(document.getElementById('visualization'));
  draw(data,
       {title:"Yearly Coffee Consumption by Country",
        width:600, height:400,
        vAxis: {title: "Year", format: "yy"},
        hAxis: {title: "Cups"}}
  );

vAxis オブジェクトを見てください。

文字列形式については、http://userguide.icu-project.org/formatparse/datetimeを参照して、好みのパターンを作成してください。

于 2013-05-24T18:49:30.937 に答える
0

hAxis.format または vAxis.format オプションを使用できます。これにより、時刻のさまざまな部分にプレースホルダー文字を使用するフォーマット文字列を指定できます

秒を取り除くには、次のように Y 軸の形式を設定できます。

  var options = {
    vAxis: { format: 'hh:mm' }
  };
于 2017-10-16T15:41:53.587 に答える