Google Mobile Scroll не работает на мобильном

Question

Графическое изображение

Это окончательная форма гистограммы. Я борюсь со свитком. До сих пор я пробовал Google ChartRangeFilter. Он отлично работал на настольной версии, но, к сожалению, Google не предлагает мобильную версию панели инструментов Google, слайдер не работает на мобильных устройствах, но он рисует график. Плюс еще одна вещь в верхнем графике: я использую строку в haxis, а ChartRangeFilter использует число или дату, которые мне нужны для достижения этого вида. помогите пожалуйста в добавлении свитка.

google.charts.load('current', {packages: ['corechart', 'bar']});
google.charts.setOnLoadCallback(drawTrendlines);

function drawTrendlines() {
      var data = new google.visualization.DataTable();
      //data.addColumn('timeofday', 'Time of Day');
      data.addColumn('string', 'Time of Day');
      data.addColumn('number', 'Time-in');
      data.addColumn('number', 'Time-out');

      data.addRows([
        ['09:00\n09:30', 20, 18],
        ['09:30\n10:00', 5, 2],
        ['10:00\n10:30', 3, 30],
        ['10:30\n11:00', 3, 30],
        ['11:00\n11:30', 3, 30],
        ['11:30\n12:00', 10, 11],
        ['12:00\n12:30', 10, 11],
        ["12:30\n01:00", 13, 14],
        ["01:00\n01:30", 13, 14],
        ["01:30\n02:00", 20, 15],
        ["02:00\n02:30", 23, 1],
        ["02:30\n03:00", 23, 1],
        ["03:00\n03:30", 23, 1],
        ["03:30\n04:00", 1, 30],
        ["04:00\n04:30", 1, 30],
        ["04:30\n05:00", 0, 3],
        ["05:00\n05:30", 0, 3],
        ["05:30\n06:00", 3, 3],
      ]);
    var options = {
    chartArea : {right: '30', left: '40', top: '20', bottom:"50", width:'100%', height:'100%' },
    curveType: 'function',
    legend: 'none',
    height: 'auto',
    width: 'auto',
    colors: ['#1bbb26', '#bb1b1b'],
    interpolateNulls: true,
    explorer: {axis: 'horizontal'},

    hAxis: {
      showTextEvery:2,
      textStyle : {
        fontSize: 8, // or the number you want
        fontName: "OpenSans-bold",
      },
      labels: {
        overflow: 'justify'
      }
    },
    vAxis: {
         title: 'Number of employees'
    }
  };

  var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
  chart.draw(data, options);

Это простой код гистограммы Google, который я использовал, чтобы получить требуемый вид.