javascript - 如何使用 Google Chart DateRangeFilter ui.step

Question

我有一个带有日期范围过滤器的 Google Charts 折线图，但是当我移动 slider 时，它会一次更改一天的范围。我希望它一次改变一个月。我以为我可以使用 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

步骤的“月份”值无效，如 google-visualization documentation 中所写。 :

ui.step: The minimum possible change when dragging the slider thumbs: can be any time unit up to "day". ("month" and "year" aren't yet supported.)