如何使用谷歌图表日期范围过滤器ui.step

How to use Google Chart DateRangeFilter ui.step

本文关键字:范围 过滤器 ui step 日期 何使用 谷歌      更新时间:2023-09-26

我有一个带日期范围过滤器的谷歌图表折线图,但当我移动滑块时,它会一次更改一天的范围。我希望它一次更改一个月。我想我可以使用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'}
                }
            })

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

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

错误:

One or more participants failed to draw()
Invalid number for increment "month".

我错过了什么?

步骤的"month"值无效,如谷歌可视化文档中所写:

ui.step:拖动滑块拇指时可能发生的最小变化:可以是"天"之前的任何时间单位。(还不支持"月"answers"年"。)