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

时间:2016-10-18 16:56:12

标签: javascript charts google-visualization

以下是一些示例数据:

  

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

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

我希望时间(在Y轴上)显示为格式化值,而不仅仅是普通数字。这可能是像01:23那样可读的东西。找不到任何有效的例子

1 个答案:

答案 0 :(得分:2)

'timeofday'列类型用于y轴

来自文档 - > 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>
&#13;
&#13;
&#13;