Question

我有一个带有日期范围过滤器的Google Charts折线图，但是当我移动滑块时，它会一次更改一天的范围。我希望它一次改变一个月。我以为我可以使用ui.step选项，但它似乎并没有起作用。

我在这样的循环中构建数据，并将其传递给google.visualization.arrayToDataTable：

chartData[i] = [
  new Date(year, month, day),  
  value
];

然后我有DateRangeFilter看起来像这样：

var dateRangeSlider = new google.visualization.ControlWrapper({
                'controlType': 'DateRangeFilter',
                'containerId': 'chartFilter',
                    'options': {
                    'filterColumnLabel': 'Date',
                        'ui': {'label': 'Date Range'}
                }
            })

我使用日期范围过滤器和折线图创建了LineChart和Dashboard。上面的代码有效，但是如果它添加了ui.step选项，它就会失败：

'ui': {'label': 'Date Range', 'step': 'month'}

错误：

One or more participants failed to draw()

Invalid number for increment "month".

我错过了什么？

Answer 1

＆＃34;一个月＆＃34;步骤的值无效，如google-visualization documentation中所述：

ui.step：拖动滑块拇指时可能发生的最小变化：可以是＆＃34; day＆＃34;的任何时间单位。（＆＃34;月＆＃34;和＆＃34;年＆＃34;尚未得到支持。）

如何使用Google Chart DateRangeFilter ui.step

1 个答案: