Линейная диаграмма Google - Как отобразить данные в линейный график - PullRequest
Новая
       54

Линейная диаграмма Google - Как отобразить данные в линейный график

0 голосов
/ 15 апреля 2020

См. Следующие данные. DataTable

Как мне ввести эти данные в линейные диаграммы Google с фильтром для каждого столбца И фильтровать по датам.

Я бы как мой график, чтобы иметь ось X дат и ось Y с процентами. Кроме того, каждая строка данных является своей собственной линией в линейном графике. Возможно ли это?

Ниже приведен фрагмент моего кода: 

var data = google.visualization.arrayToDataTable(response,false);

      var dashboard = new google.visualization.Dashboard(document.getElementById('dashboard-div'));



      var table = new google.visualization.ChartWrapper({
        'chartType': 'Table',
        'containerId': 'table-div',
        'options': {'backgroundColor': 'lightgrey'}
      });

      var numCol = [3];
      for (var i = 10; i < data.getNumberOfColumns(); i++) {
        numCol.push(i);
        }

      var line = new google.visualization.ChartWrapper({
        'chartType': 'ColumnChart',
        'containerId': 'linechart-div',
        'view': {'columns': numCol},
        'options': {'backgroundColor': 'lightgrey', 'title': 'InterCarrier Trunk Capacity Graph', 'explorer': { 
            'actions': ['dragToZoom', 'rightClickToReset'],
            'axis': 'horizontal',
            }}
      });




      var Slider = new google.visualization.ControlWrapper({
        'controlType': 'NumberRangeFilter',
        'containerId': 'slider-div1',
        'options': {
          'filterColumnLabel': '3/1/2020'

         }
      });

      var Slider2 = new google.visualization.ControlWrapper({
        'controlType': 'NumberRangeFilter',
        'containerId': 'slider-div2',
        'options': {
          'filterColumnLabel': '3/2/2020'

         }
      });

      var Slider3 = new google.visualization.ControlWrapper({
        'controlType': 'NumberRangeFilter',
        'containerId': 'slider-div3',
        'options': {
          'filterColumnLabel': '3/3/2020'

         }
      });

      var Slider4 = new google.visualization.ControlWrapper({
        'controlType': 'NumberRangeFilter',
        'containerId': 'slider-div4',
        'options': {
          'filterColumnLabel': '3/4/2020'

         }
      });

Диаграмма здесь

...