Google диаграммы, график имеет слишком много лет, но есть данные только через месяц - PullRequest
0 голосов
/ 09 мая 2018

У меня есть эти проблемы на моем сайте, мне нужно создать диаграмму только со значением для определенного месяца, здесь код:

google.load('visualization', '1', {packages: ['controls', 'charteditor']});
google.setOnLoadCallback(drawChart);

function drawChart() {
    var data = new google.visualization.DataTable();
    data.addColumn('date', 'X');
    data.addColumn('number', 'Y1');
    data.addColumn('number', 'Y2');


    data.addRow([new Date(2016, 1,1), 41,null]);
    data.addRow([new Date(2016, 1,1), null,42 ]);


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

    var chart = new google.visualization.ChartWrapper({
        chartType: 'ComboChart',
        containerId: 'chart_div',
        options: {
            legend: { 
              position: 'bottom', 
              alignment: 'center', 
              textStyle: {
                fontSize: 12
              }
          },
          explorer: {
              actions: ['dragToZoom', 'rightClickToReset'],
              axis: 'horizontal',
              keepInBounds: true
          },
          hAxis: {
              title: 'X'
          },
          pointSize: 3,
          vAxis: {
              title: 'Y'
          },
          seriesType: 'bars'
      }
    });

    var control = new google.visualization.ControlWrapper({
        controlType: 'ChartRangeFilter',
        containerId: 'control_div',
        options: {
            filterColumnIndex: 0,
            ui: {
                chartOptions: {
                    height: 50,
                    chartArea: {
                        width: '75%'
                    }
                }
            }
        },
        state: {
          range: {
            start: new Date(2016, 0,1)
          }
        }
    });

    dash.bind([control], [chart]);

    dash.draw(data);

    // example of a new date set up
    setTimeout(function () {        
        control.setState({range: {
            start: new Date(2016, 0,1),
          end: new Date(2016, 1,2)
      }});
      control.draw();
    }, 3000);
}

Спасибо за любую помощь.

временная шкала имеет много лет, но данные в строках имеют только месяц

...