在谷歌图表 api 中设置纵轴比例

Question

我正在尝试在我的谷歌图表中设置垂直轴比例。我对它的自动缩放功能不满意，因为我有两个结果，并且希望以均匀的比例查看它们以进行苹果对苹果的比较。

这是我的代码。我已经设置了最大值和最小值，但这似乎不适用于输出。

代码

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

        var chartdata = new google.visualization.DataTable();

    chartdata.addColumn('number', 'Expense');
    chartdata.addColumn('number', '2013');
        chartdata.addColumn('number', '2014');

        for (var k in data["Expense"]["2013"]){
            if (data["Expense"]["2013"].hasOwnProperty(k)) {
["2013"][k],10),parseInt(data["Expense"]["2014"][k],10)])
                chartdata.addRow([parseInt(k,10),parseInt(data["Expense"]["2013"][k],10),parseInt(data["Expense"]["2014"][k],10)]);
            }
        }

    var options = {'title':'2013 vs. 2014 comparison,
                curveType: 'function',

viewWindowMode:'explicit',
              viewWindow:{
                max:100000,
                min:10000
        },
        vAxis: {title: 'Cost ($)',
                        minValue: 0,
                },
        hAxis: {title: 'Expense (dollars)'},
        height: 600,
        width: 1000
    };

    var chart = new google.visualization.LineChart(document.getElementById('mydiv'));
    chart.draw(chartdata, options);
}

我也尝试了以下方法，但它们没有显示任何效果

var options = {'title':'2013 v/s 2014',
                curveType: 'function',

viewWindowMode:'explicit',
              viewWindow:{
                max:80,
                min:20
        },
vAxis: {
title: 'Cost ($)'
    viewWindowMode:'explicit',
    viewWindow: {
        max:10000,
        min:10000
    }
},
        hAxis: {title: 'Expense (dollars)'},
        height: 600,
        width: 1000
    };

Answer 1

对不起各位，已经解决了。几乎相同的代码对我有用。我只需要清理我的缓存。

很抱歉给您带来了困惑。

function createExpenseChart(data) {
        google.load("visualization", "1", {packExpenses:["corechart"]});

        var chartdata = new google.visualization.DataTable();

    chartdata.addColumn('number', 'Expense');
    chartdata.addColumn('number', 'Previous Cost');
        chartdata.addColumn('number', '2014 Cost');

        for (var k in data["Expense"]["2013"]){
            if (data["Expense"]["2013"].hasOwnProperty(k)) {
                //console.log([parseInt(k,10),parseInt(data["Expense"]["2013"][k],10),parseInt(data["Expense"]["2014"][k],10)])
                chartdata.addRow([parseInt(k,10),parseInt(data["Expense"]["2013"][k],10),parseInt(data["Expense"]["2014"][k],10)]);
            }
        }

    var formatter = new google.visualization.NumberFormat({negativeColor: 'red', negativeParens: true, pattern: '$###,###'});
    formatter.format(chartdata, 1);
    formatter.format(chartdata, 2);

    var options = {'title':'2013 vs. 2014 Costs by Expense',
                curveType: 'function',
                viewWindowMode:'explicit',
                viewWindow:{
                        min:0
        },
        vAxis: {title: 'Cost ($)',
                viewWindowMode : 'explicit',
                viewWindow:
                {
                        min: 0,
                        max:42000000
                }
                },
        hAxis: {title: 'Expense (years)'},
        height: 600,
        width: 1000
    };

    var chart = new google.visualization.LineChart(document.getElementById('Expensecostdiv'));
    chart.draw(chartdata, options);
}