Google Chart上的資源管理器不起作用-Polymer

Question

我正在使用google-chart Web組件，但是資源管理器（允許放大和縮小）不起作用。 這是代碼：

 options: { type:Array, value:{ title: 'Today Consumption', curveType: 'function', chartArea:{ backgroundColor: '#E2E8ED', height: 300, width: 650, }, explorer: { axis: 'horizontal', keepInBounds: true, maxZoomIn: 4.0 }, height: 400, width: 830, backgroundColor:'#E2E8ED', colors:["#4882A8"]} } }, 

 <google-chart type="line" options='{{options}}' data='{{chartData}}'></google-chart> 

看起來像這樣： 但是我無法放大或縮小。 有人知道為什么它不起作用嗎？

Answer 1

資源管理器僅適用於連續軸（例如數字，日期或一天中的時間）

對於x軸，請使用類型-> 'timeofday'
應該是包含3-4個元素的數組...

[hour, min, second]
[hour, min, second, milli]

以下應將您的字符串值轉換為有效的'timeofday'

var timeStr = '2h19m';
var hour = timeStr.split('h');
var min = hour[1].split('m');
var timeArr = [parseInt(hour[0]), parseInt(min[0]), 0];