Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 谷歌图表显示错误图表_Javascript_Jquery_Graph_Google Visualization - Fatal编程技术网

Javascript 谷歌图表显示错误图表

Javascript 谷歌图表显示错误图表,javascript,jquery,graph,google-visualization,Javascript,Jquery,Graph,Google Visualization,大家好,下面是我的谷歌图表代码 // Load the Visualization API and the piechart package. google.load('visualization', '1.0', {'packages':['corechart']}); // Set a callback to run when the Google Visualization API is loaded. google.setOnLoadCallback(drawChart

大家好,下面是我的谷歌图表代码

  // Load the Visualization API and the piechart package.
  google.load('visualization', '1.0', {'packages':['corechart']});

  // Set a callback to run when the Google Visualization API is loaded.
  google.setOnLoadCallback(drawChart);

  function drawChart() {

  var data = [["00:00:00",60,0.01,0.01],
              ["00:01:00",58,0.01,0.01],
              ["00:02:00",56,0.01,0.01],
              ["00:03:00",55,0,0],
              ["00:04:00",54,0,0],
              ["00:05:00",53,-0.01,-0.01],
              ["00:30:00",53,-0.01,-0.01]];

  for(var i=0; i<data.length; i++){

      var temp1 = data[i][0].split(':');

      for(var j=0; j<temp1.length; j++){
          var temp2 = parseInt(temp1[j].replace(/^0/, ''),10);
          temp1[j] = temp2;
      }
      temp1.push(0);
      data[i][0] = temp1;
  }

  var dataTable = new google.visualization.DataTable();
  dataTable.addColumn('timeofday', 'Period');    
  dataTable.addColumn('number', 'SOC');
  dataTable.addColumn('number', 'Control Signal');
  dataTable.addColumn('number', 'Charge/discharge');

  dataTable.addRows(data);


  var dataView = new google.visualization.DataView(dataTable);

  var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
  var options = {
                    title: 'Charge Discharge Management',
                    curveType: 'function',
                    series: {0: {targetAxisIndex:0},
                             1: {targetAxisIndex:1}, 
                            }
                };
  chart.draw(dataView, options);
}
在上面的代码中,数据中的控制信号和充电/放电的值几乎相同,,,那么为什么图形线不同呢?充电/放电黄线。。。正在从右轴打印。。我们如何使它从左轴开始绘图??请帮我修一下这个


您缺少黄色系列:

series: {0: {targetAxisIndex:0},
         1: {targetAxisIndex:1},
         2:{targetAxisIndex:1} // add this
         }