如何將一組較長的數字轉換爲格式化的時間

我需要將很長的一組數字格式化爲幾小時。你可以在列下看到花了很長的時間，這些是幾小時，他們需要格式化，看起來不像現在，6000，需要看起來像6000小時。如何將一組較長的數字轉換爲格式化的時間

我有一個其他請求，我可以格式化花費列但我不知道如何格式化hAxis部分顯示美元符號。

我是Google Charts新手，這是一個快速學習者。這似乎是文件分散。

google.charts.setOnLoadCallback(drawTimeAndAmountSpentTimeLineChart); 
    //Amount Completed 
    function drawTimeAndAmountSpentTimeLineChart() { 
     var data = google.visualization.arrayToDataTable([ 
      ['Web Design', 'Amount Spent', 'Time Spent'], 
      ['Rendering Engines', 5000, 68000], 
      ['User Management', 9000, 44000], 
      ['Database', 5700, 32000], 
      ['Security', 9000, 21000] 
     ]); 

     var options = { 
      title: 'Amount Spent Per Task', 
      chartArea: { width: '70%' }, 
      hAxis: { 
       title: 'Total Spent', 
       minValue: 0, 
       prefix: '$' 
      }, 
      vAxis: { 
       title: 'Task' 
      } 
     }; 

     var formatter = new google.visualization.NumberFormat({ prefix: '$' }); 
     formatter.format(data, 1); 


     var chart = new google.visualization.BarChart(document.getElementById('timeAndAmountSpentTimeLineChart_div')); 
     chart.draw(data, options); 
    };

如果不要求得多酒吧運行水平需要大約在高度50像素，而不是微小的高度。這將是一個很大的幫助。

我不知道爲什麼它不是在js小提琴中繪製它是在我的機器中繪製。

My Fiddle

來源

2017-03-05 Filling The Stack is What I DO

'我不知道爲什麼它不是在js小提琴中繪圖'也許是** TypeError：google.visualization是未定義的** –

我是小提琴新手;但是，我添加了兩個外部JS文件，所以它應該工作。 –

您添加了jsapi和加載程序 - 但似乎沒有加載「可視化」代碼...您確定在需要時添加了所有內容嗎？ –

使用NumberFormat的pattern屬性'Time Spent'

爲x軸標籤 - >hAxis.format

看到下面的工作片段...

google.charts.load('current', { 
 
    callback: function() { 
 
    var data = google.visualization.arrayToDataTable([ 
 
     ['Web Design', 'Amount Spent', 'Time Spent'], 
 
     ['Rendering Engines', 5000, 68000], 
 
     ['User Management', 9000, 44000], 
 
     ['Database', 5700, 32000], 
 
     ['Security', 9000, 21000] 
 
    ]); 
 

 
    var options = { 
 
     title: 'Amount Spent Per Task', 
 
     chartArea: { width: '70%' }, 
 
     hAxis: { 
 
      title: 'Total Spent', 
 
      minValue: 0, 
 
      format: '$#,##0' 
 
     }, 
 
     vAxis: { 
 
      title: 'Task' 
 
     } 
 
    }; 
 

 
    var formatAmt = new google.visualization.NumberFormat({ prefix: '$' }); 
 
    formatAmt.format(data, 1); 
 

 
    var formatTime = new google.visualization.NumberFormat({ pattern: '#,##0 hrs' }); 
 
    formatTime.format(data, 2); 
 

 
    var chart = new google.visualization.BarChart(document.getElementById('timeAndAmountSpentTimeLineChart_div')); 
 
    chart.draw(data, options); 
 
    }, 
 
    packages: ['corechart'] 
 
});

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

來源

2017-03-05 02:27:44 WhiteHat

非常感謝你的完美！ –

如何將一組較長的數字轉換爲格式化的時間

回答

相關問題