2013-11-05 19 views
5

Tôi có Biểu đồ Google trong đó trục y được đo bằng phút.Định dạng thời gian thành giờ: phút trên trục y của Biểu đồ Google

Làm thế nào tôi có thể định dạng trục y để các nhãn hiển thị thời gian trong một định dạng như 2hrs40, hoặc 2:40, hoặc một cái gì đó tương tự? Tôi không muốn hiển thị thời gian bằng phút thô và tôi không muốn hiển thị thời gian dưới dạng thập phân như "1,5" trong 90 phút.

documentation yêu cầu tôi sử dụng số ICU Pattern Set, nhưng tôi không thể tìm ra từ trang đó.

Điều này có khả thi không? Và nếu tôi không thể định dạng thời gian như thế này trực tiếp, có cách nào tôi có thể "hack" biểu đồ sau khi thực tế bằng cách thay đổi các yếu tố <svg> bằng cách sử dụng Javascript?

Trả lời

7

Tùy chọn định dạng không cho phép bạn thực hiện điều đó. Tuy nhiên, bạn có thể sử dụng tùy chọn vAxis.ticks để chỉ định thủ công các giá trị để sử dụng cho dấu tick và chuỗi bạn muốn sử dụng để biểu thị các giá trị. Tùy chọn vAxis.ticks có một mảng đối tượng, trong đó mỗi đối tượng có các thuộc tính v (giá trị) và f (giá trị được định dạng - những gì được hiển thị trên biểu đồ). Một cái gì đó như thế này sẽ hoạt động:

vAxis: { 
    ticks: [{v: 0, f: '0:00'}, {v: 30, f: '0:30'}, {v: 60, f: '1:00'}, {v: 90, f: '1:30'}] 
} 
+0

Tác phẩm này hoạt động. Vì tôi không biết trước phạm vi của trục y sẽ là gì, tôi phải tạo ra đối tượng 'ticks' động, có chút ít hacky, nhưng không thành vấn đề. Cảm ơn! – GMA

0

Google cho phép bạn làm điều đó .... Tôi đang thực hiện việc này để hiển thị dữ liệu như "5 phút". Trong các tùy chọn của bạn, hãy thực hiện điều này:

  vAxis: { 
      format: 'm \'mins\'' 
     }, 
Các vấn đề liên quan