google 图表 api 也绘制负轴,尽管 minValue 为 0

google chart api draws negative axis as well though minValue is 0

我有一个 google 图表如下,其中绘制了各种 ID 的年龄。但是,由于年龄不能为负,我希望它只在正轴上。

我已经将垂直轴的最小值设为 0,但它仍然显示负轴。我该如何解决这个问题?

下面是我的代码

function AgeChart() {
    google.load("visualization", "1", {packages:["corechart"]});

    var age_data = new google.visualization.DataTable();
    var divname = "agediv";

    age_data.addColumn('number', 'ID');
    age_data.addColumn('number', 'Age');


    age_data.addRow([1,10]);
    age_data.addRow([1,20]);
    age_data.addRow([1,30]);
    age_data.addRow([1,40]);
    age_data.addRow([1,50]);


    var options = {'title':'Age line graph',
        curveType: 'function',
        viewWindowMode:'explicit',
        vAxis: {title: 'Age (years)',
            minValue: 0,
        },
        hAxis: {title: 'ID'},
        height: 600,
        width: 1000
    };

    var chart = new google.visualization.LineChart(document.getElementById(divname));
    chart.draw(age_data, options);
}

编辑:添加 viewWindow.min 值后,对我有用。

   function AgeChart() {
        google.load("visualization", "1", {packages:["corechart"]});

        var age_data = new google.visualization.DataTable();
        var divname = "agediv";

        age_data.addColumn('number', 'ID');
        age_data.addColumn('number', 'Age');


        age_data.addRow([1,10]);
        age_data.addRow([1,20]);
        age_data.addRow([1,30]);
        age_data.addRow([1,40]);
        age_data.addRow([1,50]);


        var options = {'title':'Age line graph',
            curveType: 'function',
            viewWindowMode:'explicit',
           vAxis: {title: 'Age (years)',
            minValue: 0,
            viewWindowMode:'explicit',
            viewWindowMode:'explicit',
            viewWindow:{
                min:0,
              }
            },
        hAxis: {title: 'ID'},
            height: 600,
            width: 1000
        };

        var chart = new google.visualization.LineChart(document.getElementById(divname));
        chart.draw(age_data, options);
    }

minValue 和 maxValue 可用于扩展轴以包含这些值,但它们不会将轴限制为这些值。您要做的是使用 viewWindow.min 值。

2015 年 10 月 26 日 Google 图表的实际版本只需要以下内容即可停止在垂直轴上显示负值。

    var options = {
      hAxis: {  title: 'Dates',
            },
      vAxis: {  title: 'Count of something',
                viewWindow:{min:0},
            },
    };

作为一个选项,您可以将最小值设置为大于 0 - 它会为您提供相同的视图。

      vAxis: {  title: 'Count',
                minValue: 2,                    
            },