谷歌圖表中的雙Y軸與雙y軸上的自定義步驟

Question

我面臨amcharts每個軸上的雙y軸自定義步驟的問題，所以轉向谷歌圖表。谷歌圖表是否支持每個軸上具有最小和最大自定義步長的雙y軸？

圖像被附加以供參考：

Answer 1

設置雙y軸，改變series之一的targetAxisIndex ...

series: { 
    1: { 
     targetAxisIndex: 1 
    } 
    }, 

設定最小和最大，使用viewWindow
並且爲了步驟，必須提供自己的ticks
對於每個vAxes

vAxes: { 
    0: { 
     viewWindow: { 
     min: 0, 
     max: 20 
     }, 
     ticks: [0, 5, 10, 15, 20] 
    }, 
    1: { 
     viewWindow: { 
     min: 120, 
     max: 240 
     }, 
     ticks: [120, 160, 200, 240] 
    } 
    } 

看到下面的工作片段...

google.charts.load('current', { 
 
    callback: function() { 
 
    var data = google.visualization.arrayToDataTable([ 
 
     ['Label', 'Series 0', 'Series 1'], 
 
     ['a', 10, 150], 
 
     ['b', 12, 180], 
 
     ['c', 14, 210], 
 
     ['d', 16, 240] 
 
    ]); 
 

 
    var container = document.getElementById('chart_div'); 
 
    var chart = new google.visualization.ColumnChart(container); 
 

 
    chart.draw(data, { 
 
     series: { 
 
     1: { 
 
      targetAxisIndex: 1 
 
     } 
 
     }, 
 
     vAxes: { 
 
     0: { 
 
      viewWindow: { 
 
      min: 0, 
 
      max: 20 
 
      }, 
 
      ticks: [0, 5, 10, 15, 20] 
 
     }, 
 
     1: { 
 
      viewWindow: { 
 
      min: 120, 
 
      max: 240 
 
      }, 
 
      ticks: [120, 160, 200, 240] 
 
     } 
 
     } 
 
    }); 
 
    }, 
 
    packages: ['corechart'] 
 
});

<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div id="chart_div"></div>