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];