如何使用谷歌图表日期范围过滤器ui.step
How to use Google Chart DateRangeFilter ui.step
我有一个带日期范围过滤器的谷歌图表折线图,但当我移动滑块时,它会一次更改一天的范围。我希望它一次更改一个月。我想我可以使用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".
我错过了什么?
步骤的"month"值无效,如谷歌可视化文档中所写:
ui.step:拖动滑块拇指时可能发生的最小变化:可以是"天"之前的任何时间单位。(还不支持"月"answers"年"。)
相关文章:
- DC.js 应用过滤器后热图颜色范围未更新
- 用于日期格式的 Google 图表范围过滤器控件
- 自定义 Angular 日期范围过滤器,以仅显示该日期范围内的项目
- AngularJS谷歌图表:图表范围过滤器
- 谷歌图表 - 图表范围过滤器 - 选定范围内的值
- 为什么我需要在主干路由过滤器中指定窗口变量范围
- 如何在 AngularJS 中对来自另一个范围的数据使用过滤器
- 角度过滤器的范围下至1键类型,以准备发送
- 范围过滤器仅在第一个控制器中工作
- 过滤器编号范围功能问题
- Kendo UI网格-过滤器-日期范围
- 数据表日期范围过滤器不起作用
- 使用画布和范围输入事件的动态图像过滤器
- 数组字段的弹性搜索日期范围过滤器
- 使用Ng-table,为特定列添加自定义数字范围过滤器
- 使用的datatable # 39;使用language.decimal的范围过滤器
- 区域图表,可滚动,与选择器和范围过滤器
- 如何使用谷歌图表日期范围过滤器ui.step
- 使用Angular智能表的日期范围过滤器
- ng-table angularjs中的日期范围过滤器