google-visualization - Google Charts API、hAxis の 1 秒ごとの値のみを表示

Question

Google LineChart の hAxis ラベルに毎秒の値のみを表示する解決策を探しています。

Answer 1

hAxis ラベル間隔は、ここでhAxis.showTextEvery説明されているオプションによって設定されます。これは、個別の (数値ではない) 水平軸に対してのみ機能します。例えば：

function drawVisualization() {
  // Create and populate the data table.
  var data = google.visualization.arrayToDataTable([
    ['x', 'Cats', 'Blanket 1', 'Blanket 2'],
    ['A',   1,       1,           0.5],
    ['B',   2,       0.5,         1],
    ['C',   4,       1,           0.5],
    ['D',   8,       0.5,         1],
    ['E',   7,       1,           0.5],
    ['F',   7,       0.5,         1],
    ['G',   8,       1,           0.5],
    ['H',   4,       0.5,         1],
    ['I',   2,       1,           0.5],
    ['J',   3.5,     0.5,         1],
    ['K',   3,       1,           0.5],
    ['L',   3.5,     0.5,         1],
    ['M',   1,       1,           0.5],
    ['N',   1,       0.5,         1]
  ]);

  // Create and draw the visualization.
  new google.visualization.LineChart(document.getElementById('visualization')).
      draw(data, {curveType: "function",
                  width: 500, height: 400,
                  vAxis: {maxValue: 10},
                  hAxis: {showTextEvery: 2}}
          );
}

軸が数値の場合hAxis.minorGridlines.count、次のようにオプションを使用してこれを設定できます。

hAxis: {minorGridlines: {count: 1}}

これにより、2 つの主要なグリッド線ごとに 1 つのグリッド線 (ラベルなし) が追加されます。