同じx軸の上、下の2つのy軸を持つGoogleグラフを描画できますか？

Question

私は、（https://en.wikipedia.org/wiki/Spirometry#/media/File:Flow-volume-loop.svg）のような2つのy軸と1つのx軸を持つGoogleグラフを使用する必要があります。 Googleグラフはこのタイプのグラフをサポートしていますか？リンク
によって参照される底部

ための負の値は、値（v:）とフォーマット値（両方を設定するオブジェクトの表記法を使用して、単一のY軸を使用してグラフを作成する

Answer 1

次いでf:）
{v: -8, f: '8'}

チャートformattを表示するY軸目盛り（ticks:）

に同じ表記法を使用しhttps://developers.google.com/chart/interactive/ - ED軸上の値だけでなく、ツールチップ

作業スニペット以下を参照してください...

google.charts.load('current', { 
 
    callback: function() { 
 
    var data = google.visualization.arrayToDataTable([ 
 
     ['X', 'Y'], 
 
     [1.5, 8], 
 
     [2.5, 4], 
 
     [3.5, 1], 
 
     [1.5, {v: -8, f: '8'}], 
 
     [2.5, {v: -4, f: '4'}], 
 
     [3.5, {v: -1, f: '1'}], 
 
    ]); 
 

 
    var ticksX = [0, 2, 4, 6]; 
 
    var ticksY = [{v: -10, f: '10'}, {v: -8, f: '8'}, {v: -6, f: '6'}, {v: -4, f: '4'}, {v: -2, f: '2'}, 0, 2, 4, 6, 8, 10]; 
 

 
    var options = { 
 
     hAxis: { 
 
     title: 'h axis', 
 
     ticks: ticksX 
 
     }, 
 
     vAxis: { 
 
     title: 'v axis', 
 
     ticks: ticksY, 
 
     viewWindow: { 
 
      min: -10, 
 
      max: 10 
 
     } 
 
     }, 
 
     height: 600, 
 
     width: 600, 
 
     chartArea: { 
 
     height: '75%', 
 
     width: '75%' 
 
     } 
 
    }; 
 

 
    var chart = new google.visualization.ScatterChart(document.getElementById('chart_div')); 
 
    chart.draw(data, options); 
 
    }, 
 
    packages: ['corechart'] 
 
});

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