1

In the example I added a column chart with range selector. I changed the chartType of range selector to ColumnChart. But its not changing to column chart. can some one help on this.

Also is there is any way to customize the design of the range selector as in this image.

enter image description here

qaz2625 qaz
  • 103
  • 2
  • 2
  • 10

1 Answers1

1

valid chart types for the ChartRangeFilter are... 

ui.chartType = 'AreaChart', 'LineChart', 'ComboChart' or 'ScatterChart'

in this case, use... 

'ComboChart'

then set chart option... 

ui.chartOptions.seriesType = 'bars'

e.g. 

var control = new google.visualization.ControlWrapper({
  controlType: 'ChartRangeFilter',
  containerId: 'control',
  options: {
    filterColumnIndex: 0,
    ui: {
      chartType: 'ComboChart',
      chartOptions: {
        seriesType: 'bars'
      }
    }
  }
});
WhiteHat
  • 59,912
  • 7
  • 51
  • 133
  • Could you please tell if there is any way to customize range selector design. Please go through my edited question – qaz2625 qaz Apr 15 '20 at 12:29