Google折线图CategoryFilter

时间:2019-03-04 08:33:18

标签: filter google-visualization linechart

我正在尝试显示折线图的控件包装。到目前为止,我可以呈现屏幕截图中显示的图表。

enter image description here

这是生成此折线图的函数

  function drawChart() {
    var data = google.visualization.arrayToDataTable([          
             [month, Hopong, Kalaw, Loilen],
             ["2018-09", 0, 0, 0],
             ["2018-11", 0, 0, 0],
             ["2018-12", 0.2, 0.3, 0.4],
             ["2019-01", 4, 5, 6]]);

          var dataTable = google.visualization.arrayToDataTable(mainArray);
               var options = {
                   title: 'Pentration Rate',
                   curveType: 'function',
                   legend: { position: 'bottom' },
                    vAxis: {
                        viewWindow: {
                            min: 0
                        }
                    }
               };
              var chart = new google.visualization.LineChart(document.getElementById('pentration_chart'));

              chart.draw(dataTable, options)
  }

如何创建一个ControlWrapper(下拉列表),其中包含镇列表,例如:Hoong,Kalaw,Loilen等,以按镇过滤特定镇每个月的渗透率值。

0 个答案:

没有答案