web-dev-qa-db-ja.com

Google ChartでAxisステップを設定するにはどうすればよいですか？

JavaScriptから作成されたグーグルチャートで軸ステップを設定する方法を知りたいですか？これを使用して最小値と最大値を設定します。

vAxis: {
title: 'temps (ms)',
    viewWindowMode: 'explicit',
    viewWindow: {
        max: 180,
        min: 0
    },
}

また、垂直ステップを0.1に固定するために、他の制約を追加する必要があります。

javascriptgoogle-visualization
11
alain.janinm

最後に私は以下を使用してトリックを見つけました：

     vAxis: {
        title: 'temps (ms)',
        viewWindowMode: 'explicit',
        viewWindow: {
          //max: 180,
          min: 0,
        },
        gridlines: {
          count: 10,
        }
      }

ステップを設定しませんが、代わりに、

最大/（nbステップ）=カウント（ここでは1）

したがって、たとえばmaxを18に設定すると、count: 10を使用すると、各ステップの値は18になります。

28
alain.janinm

あなたはダニでそれを行うことができます：

vAxis: {
    title: 'temps (ms)',
    viewWindow: {
        min: 0,
        max: 180
    },
    ticks: [0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100, 110, 120, 130, 140, 150, 160, 170, 180] // display labels every 10
}
3
Paul Jones

私は基本的に、alainが行ったことを実行し、最大値を計算し、1.1を掛けて（グラフの最大要素の上のパディングを考慮して）、必要なステップを与えたいステップで除算しました。

vAxis: {
  title: 'vAxis',
  minValue: 0,
  gridlines: {
    count: Math.ceil(max * 1.1 / interval) // try to pick the correct number to create intervals of 50000 
  }
}

ここで、maxは最大値であり、intervalは目的の間隔です。これは十分にテストされていないため、1.1の定数とMath.ceilの使用を微調整する必要がある場合があります。

2
Benjamin Kaiser