Question

我已经创建了一个包含Google Charts API的信息中心，其中DateRangeFilter和ComboChart的每个星期一的数据点超过3个月。它包含一个实际的系列（，可以是null ）作为条形图，以及一个始终包含与之关联的数据的目标系列。

理想情况下，我想将DateRangeFilter设置为仅显示当前和前一周，以及提前2周，但仍允许我操作范围过滤器以显示其他数据。

到目前为止，我已尝试将hAxis.viewWindow.max和hAxis.viewWindow.min设置为正确的日期，但这只会调整图表，并且不会让我回到获得的点数裁剪出来。

信息中心设置：

＆＃13;

var rangeFitter = new google.visualization.ControlWrapper({
  'controlType': 'DateRangeFilter',
  'containerId': 'filter_div',
  'options': {
    'filterColumnLabel': 'Closed Date'
  }
});

var lineChart = new google.visualization.ChartWrapper({
  'chartType': 'ComboChart',
  'containerId': 'chart_div',
  'options': {
    animation: {
      duration: 500,
      startup: true,
      easing: 'out'
    },
    hAxis: {
      gridlines: {
        count: 4,
        units: {
          days: {
            format: ['MMYY']
          }

        }
      },
      //this crops the graph :c
      viewWindow: {
        min: new Date(2016, 0, 11),
        max: new Date(2016, 2, 7)
      }
    },
    'height': 300,
    tooltip: {
      isHtml: true,
      trigger: 'selection'
    },
    seriesType: 'bars',
    series: {
      0: {
        targetAxisIndex: 0
      },

      1: {
        type: 'line',
        pointSize: 5
      }
    }
  }
});

dashboard.bind(rangeFilter, lineChart);

＆＃13;

Answer 1

没关系，我明白了。我在图表选项中搜索某些内容，但事实证明DateRangeFilter控件具有“state”参数。这是在我的例子中实现的

 var rangeFliter = new google.visualization.ControlWrapper({
                    'controlType': 'DateRangeFilter',
                    'containerId': 'filter_div',
                    'options': {
                        'filterColumnLabel': 'Closed Date'  
                    },
                    //this will set the default range based on the values you provide
                    'state': {'lowValue': new Date(2016, 0, 11), 'highValue': new Date(2016, 1, 1)}
                });

Google图表设置默认日期范围

1 个答案: