ChartRangeFilter

An example of controlling a Google Chart post draw.

HTML

<script type="text/javascript" src="//www.google.com/jsapi"></script>
<script type="text/javascript">
google.load('visualization', '1', { packages : ['controls'] } );
google.setOnLoadCallback(createTable);

function createTable() {
  // Create the dataset (DataTable)
  var json_data = {};
  json_data['avg_cpu'] = {
  	"rows":[
    	{"c":[{"v":"Date(2019,0,6,20,20,1)"},{"v":25960},{"v":34848}]},
      {"c":[{"v":"Date(2019,0,6,20,25,1)"},{"v":25600},{"v":34056}]},
      {"c":[{"v":"Date(2019,0,6,20,30,1)"},{"v":25392},null]},
      {"c":[{"v":"Date(2019,0,6,20,35,1)"},{"v":26632},null]},
      {"c":[{"v":"Date(2019,0,6,20,40,1)"},{"v":25744},{"v":31832}]},
      {"c":[{"v":"Date(2019,0,6,20,45,1)"},{"v":25744},{"v":34424}]},
      {"c":[{"v":"Date(2019,0,6,20,50,1)"},{"v":25760},null]},
      {"c":[{"v":"Date(2019,0,6,20,55,1)"},{"v":25848},null]},
      {"c":[{"v":"Date(2019,0,6,21,0,1)"},{"v":26744},{"v":35424}]}
      ],
      "cols":[
      {"type":"datetime","id":"date_time","label":"Timestamp"},
         {"type":"number","id":"104.124.50.10_avg_cpu","label":"104.124.50.10_avg_cpu"},
         {"type":"number","id":"104.124.50.22_avg_cpu","label":"104.124.50.22_avg_cpu"}]
         };
  var json_data = new google.visualization.DataTable(json_data['avg_cpu'], 0.6);
  var myData = new google.visualization.DataTable();
  myData.addColumn('date', 'Date');
  myData.addColumn('number', 'Hours Worked');
  myData.addColumn('number', 'People Worked');
  myData.addRows([
    [new Date(2014, 6, 12), 9,2],    
    [new Date(2014, 6, 13), 8,3],    
    [new Date(2014, 6, 14), 10,1],    
    [new Date(2014, 6, 15), 8,3],    
    [new Date(2014, 6, 16), 0,2]
  ]);

  // Create a dashboard.
  var dash_container = document.getElementById('dashboard_div'),
    myDashboard = new google.visualization.Dashboard(dash_container);

  // Create a date range slider
  var myDateSlider = new google.visualization.ControlWrapper({
    'controlType': 'ChartRangeFilter',
    'containerId':...