javascript - 谷歌图表 : How I can disable “Choose a value…” in controlType: CategoryFilter of ControlWrapper

标签 javascript charts google-sites google-visualization

我需要知道如何在 ControlWrapper 的 controlType: CategoryFilter 中禁用“选择一个值...”

var categoryPicker = new google.visualization.ControlWrapper({
      'controlType': 'CategoryFilter',
      'containerId': 'control2',
      'options': {
    'filterColumnLabel': 'zone',
  'ui': {
      'labelStacking': 'vertical',
          'allowTyping': false,
          'allowMultiple': false,
          'caption' : 'All Zones'
        }
      },
  'state': {'selectedValues': ['']} // this don't solve my problem
    }); 

是否可以禁用“选择一个值”或此处的“所有区域”

关注

最佳答案

ui.allowNone 选项设置为 false 以强制用户选择一个值。默认情况下,控件将设置为列表中的第一个值,除非您使用 state.selectedValues 参数覆盖:

var categoryPicker = new google.visualization.ControlWrapper({
    'controlType': 'CategoryFilter',
    'containerId': 'control2',
    'options': {
        'filterColumnLabel': 'zone',
        'ui': {
            'labelStacking': 'vertical',
            'allowTyping': false,
            'allowMultiple': false,
            'allowNone': false
        }
    },
    'state': {'selectedValues': ['Zone 2']}
});

关于javascript - 谷歌图表 : How I can disable “Choose a value…” in controlType: CategoryFilter of ControlWrapper,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21254068/

相关文章:

javascript - AngularJS-ng :model - Field is readonly when bound to $q promise?

javascript - 在点击调用服务中添加 '2 second pause'

charts - 如何获取有关 Google 图表中所选栏的信息?

html - 在 Google 协作平台中垂直对齐文本

带有 EMM 社区的 Android 管理 API

JavaScript isset() 等效

javascript - 允许 Angular Controller 或 View 中使用 html 标签

javascript - 为什么 nuxt 用 vue-chartjs 给我这个错误?

silverlight - 白银图表轴间隔

javascript - MIBS 和 JS 或 jquery