Google 可视化 API 双 Y 轴 - 无法调整 targetAxisIndex

Question

我正在使用 Google 图表 API 创建一个多折线图，我想在其中使用 2 个 Y 轴，例如 -> ，但其中一个轴设置为最大值 24000对于我的 6 个国家，'Total World' 列的第二个设置为 90000。

问题是我的选项集从来没有returns第二个y轴的'Total World'和第一个y轴的其他6个国家，无论我如何安排选项'targetAxisIndex':

var tot = 95000;
var min = 0, var max = 24000;
.... 

 var options = {
            title: 'Top Consuming Nations - Thousand barrels daily',

            hAxis: {title: 'Year'},
            width: 1050, height : 400,

            vAxes: [
              {title: 'Top Countries', titleTextStyle: {color: '#FF0000'},  maxValue: max},  // Left axis maxValue: 60000
              {title: 'Total World', titleTextStyle: {color: '#FF0000'},  maxValue: tot}  // Right 
            ],
            series:[
              {targetAxisIndex:1},
              {targetAxisIndex:0}
            ],
            legend: { position: 'top', alignment: 'start' }
          };

完整代码如下：http://plnkr.co/edit/u5xXExdkTTYU8fHxWzHB?p=preview

Answer 1

我在 Google 个群组中找到了答案：

Hi Chris,

The series option is supposed to be a mapping of series index to series options. When you specify it as an array, you're basically doing that assignment implicitly. So in your example, series 0 will go on axis 1, and series 1 will go on axis. All other series will go to the default axis (0). Your issue could be fixed pretty easily, by simply reorganizing your series such that the total is the first. Alternatively, you could explicitly specify that series 6 (your total series, 'country6') should go on axis 1. The default is for things to go on axis 0, so you don't need to explicitly specify that. Here's an updated version of your plunkr with the second version of the solution (since that was easier for me to do): http://plnkr.co/edit/GhsNcBCtDW0i4OTu0VJR?p=preview

var options = {
            title: 'Top Consuming Nations - Thousand barrels daily',

            hAxis: {title: 'Year'},
            width: 1050, height : 400,

            vAxes: [
              {title: 'Top Countries', titleTextStyle: {color: '#FF0000'},  maxValue: max},  // Left axis maxValue: 60000
              {title: 'Total World', titleTextStyle: {color: '#FF0000'},  maxValue: tot}  // Right 
            ],
            series:{
              6: {targetAxisIndex: 1}
            },
            legend: { position: 'top', alignment: 'start' }
          };

          var chart = new google.visualization.LineChart(document.getElementById(chartDiv));

          chart.draw(data, options);