Question

我搜索解决方案，仅显示Google LineChart的hAxis标签上的每秒值。

Answer 1

hAxis标签间隔由hAxis.showTextEvery选项设置，如here所述。这仅适用于离散（非数字）水平轴。例如：

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

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

Google Charts API仅显示hAxis上的每秒值

1 个答案: