谷歌圖表vAxis時間跨度

Question

根據谷歌圖表的文檔嗨一個行類型可以是：

類型可以是下列之一：「字符串」，「號碼」，「布爾」， 'date'，'datetime'和'timeofday'。

https://developers.google.com/chart/interactive/docs/datesandtimes

我需要有入庫時間類型，所以可具有與vAxis值0,1小時，1小時，2小時，....高達任何數目。這意味着每兩個人之間的60度就像一個時間跨度，但不是100度的數字。

有沒有辦法達到這個目的？使用選項24小時它把它深入到00:00

Answer 1

當一個timeofday不會也行 - >hAxis.ticks

與對象符號相結合的價值觀 - >{v: value, f: formattedValue}

你很可能只使用約任何類型（比'string'等）

看到下面的工作片斷的一個基本的例子...

hAxis.ticks一組自定義的建成，一個刻度爲每小時在48小時時間跨度

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

 
function drawChart() { 
 
    var dataTable = new google.visualization.DataTable(); 
 
    dataTable.addColumn('date', 'Timespan'); 
 
    dataTable.addColumn('number', 'Y'); 
 

 
    var oneHour = (1000 * 60 * 60); 
 
    var startDate = new Date(); 
 
    var endDate = new Date(startDate.getTime() + (oneHour * 24 * 2)); 
 
    var ticksAxisH = []; 
 
    for (var i = startDate.getTime(); i < endDate.getTime(); i = i + oneHour) { 
 
    var tickValue = new Date(i); 
 
    var tickFormat = (tickValue.getTime() - startDate.getTime())/oneHour; 
 
    var tick = { 
 
     v: tickValue, 
 
     f: tickFormat + 'h' 
 
    }; 
 
    ticksAxisH.push(tick); 
 
    dataTable.addRow([tick, (2 * tickFormat) - 8]); 
 
    } 
 

 
    var container = document.getElementById('chart_div'); 
 
    var chart = new google.visualization.LineChart(container); 
 
    chart.draw(dataTable, { 
 
    hAxis: { 
 
     ticks: ticksAxisH 
 
    } 
 
    }); 
 
}

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