谷歌图表中的轴向工具提示？

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

我为x轴使用'日期'类型。 我选择了一个任意的一年（2001年），因为它是无关紧要的。 我定制了x轴标签以仅显示月份。 我希望工具提示只显示月份和日期。 我试着在x轴后面用类型'string'和角色'tooltip'创建一个列，但是我没有看到改变。 我猜测我可以为三个（y轴）数据列中的每一个创建工具提示。 但是，我想知道是否有更简单的方法。

---

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

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

如果该列未被格式化，则工具提示将显示默认格式

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

请参阅以下工作片段...

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

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

链接地址: http://www.djcxy.com/p/61043.html

上一篇: axis tooltip in Google charts?

下一篇: c3 js: How can I group by Year on the X