谷歌圖表顯示錯誤的圖形

Question

您好，下面的人是我的Google圖表代碼...

  // 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);
}

在上面的代碼中， data中的“ Control Signal和“ Charge/discharge幾乎具有相同的值，那么為什么圖形線不同？ Charge/discharge黃線...是從右軸開始繪制的。.如何使它從左軸開始繪制？ 請幫我解決這個問題...

小提琴鏈接

Answer 1

您缺少黃色系列：

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