Question

我遇到了一个让我有点疯狂的问题。我创建了一个看起来像我想要的图表，问题是它的镜像。它是一个组合图，有1个值由列/条表示，1个值表示一行，但行值在左侧vAxis上，条形值在右侧vAxis上。虽然这不是一个破坏者，我希望它是相反的方式，我不能让它工作！

以下是图表的完整代码！

  google.charts.load('current', { 'packages':['corechart']
        });
  google.charts.setOnLoadCallback(drawVisualization);


  function drawVisualization()
        {
            // Some raw data (not necessarily accurate)
            var data = google.visualization.arrayToDataTable([

             ['Day', 'Bolivia', 'Average'],

             ['1', 26000, 70 ],

             ['2', 21000, 80],

             ['3', 19000, 75],

             ['4', 25000, 60],

             ['5', 24000, 90]
  ]);

  var options = {
  title : 'Monthly Coffee Production by Country',
  vAxes: {
      0: { logScale: false },
      1: { logScale: false, maxValue: 2 }
  },
  hAxis: { title: 'Month'},
  seriesType: 'bars',
  series: {
      0: { targetAxisIndex: 1 },
      0: { targetAxisIndex: 1 },
      1: { targetAxisIndex: 0 },
      1: { type: 'line' }
  }
  };

        var chart = new google.visualization.ComboChart(document.getElementById('chart_div'));
        chart.draw(data, options);
  }

我认为问题出在这一部分：

  series: {
      0: { targetAxisIndex: 1 },
      0: { targetAxisIndex: 1 },
      1: { targetAxisIndex: 0 },
      1: { type: 'line' }
  }

我已经在这里和那里尝试了很多0和1的组合，但它不起作用！我错过了什么吗？！

Answer 1

每个系列号应该只有一个对象{}

series: {
  0: {
    targetAxisIndex: 1
  },
  1: {
    targetAxisIndex: 0,
    type: 'line'
  }
}

Google图表：为不同的轴

1 个答案: