Question

我有一个谷歌图表，如下图所示为各种ID的年龄。但是，由于年龄不能为负，我希望它只在正轴上。

我已将垂直轴的minValue设为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);
    }

Answer 1

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

Answer 2

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

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

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

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

尽管minValue为0，谷歌图表api也会绘制负轴

2 个答案: