Google 图表范围选择器图表类型为柱形图

Question

在 example 中，我添加了一个带有范围选择器的柱形图。我将范围选择器的图表类型更改为 ColumnChart。但它不会更改为柱形图。有人可以帮忙吗。

还有什么方法可以自定义范围选择器的设计，如图所示。

Answer 1

ChartRangeFilter 的有效图表类型是...

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

在这种情况下，使用...

'ComboChart'

然后设置图表选项...

ui.chartOptions.seriesType = 'bars'

例如

var control = new google.visualization.ControlWrapper({
  controlType: 'ChartRangeFilter',
  containerId: 'control',
  options: {
    filterColumnIndex: 0,
    ui: {
      chartType: 'ComboChart',
      chartOptions: {
        seriesType: 'bars'
      }
    }
  }
});