Google charts - set max of one column - google-visualization

Question

Is it possible to set a maxValue on one bar out of a "Material column charts"
For example over the series or axis.
I tried this:
vAxis: {
viewWindow: { max: [100] },
format: '000'
}
but it changes all columns

Answer 1

you would need to isolate the bar on a separate axis,
use the series option to assign, and vAxes for specific settings...
series: {
0: {
targetAxisIndex: 0
},
1: {
targetAxisIndex: 1
}
},
vAxes: {
0: {
viewWindow: {
max: 120
},
format: '000'
},
1: {
viewWindow: {
max: 100
},
format: '000'
}
}
see following working snippet...
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>
note: must use google.charts.Line.convertOptions to get desired result...