Google Charts如何避免y轴显示负值 minValue设为0无效怎么办

配置不生效核心是三个点：

• 你使用了双纵轴配置（vAxes 下定义了0、1两个独立纵轴），全局的vAxis配置不会覆盖vAxes下每个轴的独立设置，给全局vAxis加的min值没有作用到实际渲染的两个纵轴上
• 当所有数据值均为0时，Google Charts的自动轴范围计算逻辑会默认给轴上下预留边距，若没有显式锁定轴范围、强制指定最小值，自动计算的范围会向下延伸到负值区间
• 你代码里写的yAxis配置项是无效配置：ColumnChart属于corechart包的经典图表，纵轴配置字段为vAxis/vAxes，不存在yAxis这个配置字段，写了也不会被解析

给vAxes下的每一个纵轴单独显式配置viewWindowMode: 'explicit'强制锁定轴范围，同时设置viewWindow.min = 0；全0数据场景下额外给轴设置一个最小的正数值作为max，避免自动计算范围异常。
如果需要兼容有正常数据的场景，可以先遍历数据计算实际最大值，动态决定max值，不影响正常数据的自适应轴范围。

google.charts.load('current', {packages: ['corechart','bar'],'language': 'pt'});
google.charts.setOnLoadCallback(drawChart);

function drawChart() {
    var arrayToData = [['Date','','Data',{role: 'style'},{role:'tooltip', 'p': {'html': true}}]];
    arrayToData.push(['01/06', 0,0,'','']);
    arrayToData.push(['02/06', 0,0,'','']);
    arrayToData.push(['03/06', 0,0,'','']);

    var data = new google.visualization.arrayToDataTable(arrayToData);

    // 提前计算数据最大值，处理全0场景
    let maxVal = 0;
    for(let i = 1; i < data.getNumberOfRows(); i++){
        maxVal = Math.max(maxVal, data.getValue(i, 1), data.getValue(i, 2));
    }
    const axisMax = maxVal === 0 ? 1 : null;

    var options = google.charts.Bar.convertOptions({
        tooltip: {isHtml: true},
        chartArea: {
            height: '100%',
            width: '100%',
            top: 38,
            left: 15,
            right: 100,
            bottom: 48
        },
        series: {
            0: {enableInteractivity: false,targetAxisIndex: 0, visibleInLegend: false, pointSize: 0, lineWidth: 0,type: 'line',textStyle: {fontSize: 0}},
            1: { targetAxisIndex: 1, }
        },
        // 给每个纵轴单独配置范围
        vAxes: {
            0: {
                textPosition: 'none',
                viewWindowMode: 'explicit',
                viewWindow: {
                    min: 0,
                    max: axisMax
                }
            },
            1: {
                viewWindowMode: 'explicit',
                viewWindow: {
                    min: 0,
                    max: axisMax
                }
            },
        },
    });
    
    var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
    chart.draw(data, options);
}

对应的HTML部分不需要修改，保持原有引入和容器即可：

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

配置后全0数据场景下纵轴会固定从0开始，不会出现负值；存在有效数据时轴会自动适配数据范围，不会被写死的max值限制。

内容的提问来源于stack exchange，提问作者Gabriel