在Google图表中显示Y轴上的格式化时间

Displaying formatted time on Y axis in Google Charts

本文关键字：格式化 时间 显示 Google      更新时间：2023-09-26

以下是一些示例数据:

1000英尺的最佳运行时间取决于年龄:

               | 7 yrs | 8 yrs | 9 yrs | ...
--------------------------------------------
time, seconds  |  100  |  80   |  70   |

我希望时间(在Y轴上)显示为格式化的值，而不仅仅是普通的数字。这可以是任何可读的东西，比如01:23。

使用'timeofday'列类型作为y轴

From docs -> Working with Timeofday

请参阅下面的工作片段…

google.charts.load('current', {
  callback: drawChart,
  packages:['corechart']
});
function drawChart() {
  var data = google.visualization.arrayToDataTable([
    ['', ''],
    [7, [0, 1, 40]],
    [8, [0, 1, 20]],
    [9, [0, 1, 10]],
    [10, [0, 0, 59]]
  ]);
  var container = document.getElementById('chart_div');
  var chart = new google.visualization.ScatterChart(container);
  chart.draw(data);
}
<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>

相关文章：