如何在Google Chart中设置Axis步骤?

时间:2012-02-01 23:22:51

标签: javascript google-visualization

我想知道如何在使用JavaScript构建的Google图表中设置轴步骤? 我用它来设置min和max:

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

我需要添加一个其他约束来将垂直步长修复为0.1,例如。

3 个答案:

答案 0 :(得分:27)

最后我发现了一个技巧:

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

它没有设置步骤,而是告诉

  

最大/(nb步)=计数(这里 10

例如,如果将max设置为 180 ,则使用count: 10,每个步骤的值都为 18

答案 1 :(得分:1)

我基本上做了alain所做的事情,计算最大值,乘以1.1(考虑到图表上最大元素之上的填充)并将其除以我想给我的步骤所需的步骤。 / p>

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 :(得分:1)

你可以用滴答声来做到:

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
}