google-visualization - Google Charts API，仅在 hAxis 上显示每秒的值

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}}

这将在每两条主要网格线之间添加一条网格线（没有标签）。