使用JavaScript代码将时间转换为数字,然后在图表上按照需要的格式显示。示例代码如下:
var data = [ ['9:00', 5], ['9:30', 10], ['10:00', 20], ['10:30', 15], ['11:00', 25], ['11:30', 30], ['12:00', 35] ];
var timeData = []; for(var i = 0; i < data.length; i++){ var timeSplit = data[i][0].split(':'); var hours = parseInt(timeSplit[0]); var minutes = parseInt(timeSplit[1]); timeData.push([hours + (minutes/60), data[i][1]]); }
var options = { // ... other options series: [{ xaxis: { ticks: timeData }, // ... other series options }] };
在上面的代码中,我们首先将时间字符串转换为数字格式,即小时数+分钟数/60。然后将这些数字作为X轴刻度,使它们在图表上显示成“小时:分钟”的格式。
上一篇:Apex图表热力图列顺序更改