如何在Google图表中控制x轴工具提示？

Question

我使用Google图表API制作了季节性平均温度图表：

我正在使用＆＃39; date＆＃39;键入x轴。我挑选了任意一年（2001年），因为它无关紧要。我定制了x轴标签只显示月份。我希望工具提示只显示月和日。我尝试在x轴之后使用类型＆＃39; string＆＃39;创建一个列。和角色＆＃39;工具提示＆＃39;，但我没有看到变化。我猜测我可以为三个（y轴）数据列中的每一个创建工具提示。但是，我想知道是否有更简单的方法。

Answer 1

数据表中的每个单元格都有一个值和格式化的值

工具提示将始终显示格式化值

如果列没有格式化，工具提示将显示默认格式

要更改，只需格式化第一列......

请参阅以下工作代码段...

＆＃13;

＆＃13;

google.charts.load('current', {
  callback: function () {
    drawChart();
    window.addEventListener('resize', drawChart, false);
  },
  packages:['corechart']
});

function drawChart() {
  var data = google.visualization.arrayToDataTable([
    ['Date', 'y1', 'y2', 'y3'],
    [new Date(2001, 0, 1), 1000, 400, 200],
    [new Date(2001, 1, 2), 1170, 460, 250],
    [new Date(2001, 2, 3), 660, 1120, 300],
    [new Date(2001, 3, 4), 1030, 540, 350]
  ]);

  // format first column
  var format = new google.visualization.DateFormat({
    pattern: 'MMM d'
  });
  format.format(data, 0);

  var options = {
    hAxis: {
      format: 'MMM'
    },
    pointSize: 6
  };

  var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
  chart.draw(data, options);
}

＆＃13;

<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>

＆＃13;

＆＃13;

＆＃13;