Googleグラフ - 1列の最大値を設定

Question

"Material Column Charts"から1つのバーにmaxValueを設定することは可能ですか？

たとえば、シリーズまたは軸の上に表示します。

私はこの試みた：

vAxis: { 
    viewWindow: { max: [100] }, 
    format: '000' 
} 

をそれはあなたが、別の軸上のバーを分離する必要があるだろう

を割り当てることseriesオプションを使用して、ためvAxesすべての列に

Answer 1

を変更...

series: { 
    0: { 
     targetAxisIndex: 0 
    }, 
    1: { 
     targetAxisIndex: 1 
    } 
    }, 
    vAxes: { 
    0: { 
     viewWindow: { 
     max: 120 
     }, 
     format: '000' 
    }, 
    1: { 
     viewWindow: { 
     max: 100 
     }, 
     format: '000' 
    } 
    } 

---

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

google.charts.load('current', { 
 
    callback: function() { 
 
    var data = new google.visualization.DataTable(); 
 
    data.addColumn('number', 'x'); 
 
    data.addColumn('number', 'y0'); 
 
    data.addColumn('number', 'y1'); 
 
    data.addRows([ 
 
     [0, 96, 80.8], 
 
     [1, 97, 80.8], 
 
     [2, 98, 69.5], 
 
     [3, 99, 57], 
 
     [4, 100, 18.8], 
 
     [5, 101, 17.6], 
 
     [6, 102, 13.6], 
 
     [7, 103, 12.3], 
 
     [8, 104, 29.2], 
 
     [9, 105, 42.9] 
 
    ]); 
 

 
    var options = { 
 
     height: 500, 
 
     series: { 
 
     0: { 
 
      targetAxisIndex: 0 
 
     }, 
 
     1: { 
 
      targetAxisIndex: 1 
 
     } 
 
     }, 
 
     vAxes: { 
 
     0: { 
 
      viewWindow: { 
 
      max: 120 
 
      }, 
 
      format: '000' 
 
     }, 
 
     1: { 
 
      viewWindow: { 
 
      max: 100 
 
      }, 
 
      format: '000' 
 
     } 
 
     } 
 
    }; 
 

 
    var chart = new google.charts.Line(document.getElementById('chart_div')); 
 
    chart.draw(data, google.charts.Line.convertOptions(options)); 
 
    }, 
 
    packages: ['line'] 
 
});

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

注：は...望ましい結果を得るためにgoogle.charts.Line.convertOptionsを使用