Как изменить текст по умолчанию в контроллере визуализации Google? - PullRequest
Новая
       5

Как изменить текст по умолчанию в контроллере визуализации Google?

1 голос
/ 10 января 2020

Как можно изменить текст по умолчанию в контроллере CategoryFilter с «Выбрать значение» на что-то еще?

enter image description here

1 Ответ

1 голос
/ 10 января 2020

вы можете использовать следующую опцию -> ui.caption 

var control = new google.visualization.ControlWrapper({
  controlType: 'CategoryFilter',
  containerId: 'control',
  dataTable: dataTable,
  options: {
    filterColumnIndex: 0,
    ui: {
      allowTyping: false,
      caption: 'Choose a year...'
    }
  }
});

см. Следующий рабочий фрагмент ... 

google.charts.load('current', {
  packages:['controls']
}).then(function () {
  var dataTable = new google.visualization.DataTable({
    cols: [
      {label: 'Year', type: 'string'},
      {label: 'y0', type: 'number'},
      {label: 'y1', type: 'number'},
      {label: 'y2', type: 'number'}
    ],
    rows: [
      {c:[{v: '2014'}, {v: 8}, {v: 20}, {v: 12}]},
      {c:[{v: '2015'}, {v: 20}, {v: 50}, {v: 15}]},
      {c:[{v: '2016'}, {v: 100}, {v: 12}, {v: 50}]},
      {c:[{v: '2017'}, {v: 75}, {v: 18}, {v: 45}]}
    ]
  });

  var control = new google.visualization.ControlWrapper({
    controlType: 'CategoryFilter',
    containerId: 'control',
    dataTable: dataTable,
    options: {
      filterColumnIndex: 0,
      ui: {
        allowTyping: false,
        caption: 'Choose a year...'
      }
    }
  });
  control.draw();
});
<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="control"></div>
...