Установка масштаба вертикальной оси в API Google Maps

Я пытался установить масштаб вертикальной оси в моих диаграммах Google. Я не доволен автоматическим масштабированием, так как у меня есть два результата, и я хочу видеть их в одинаковом масштабе для сравнения яблок с яблоками.

Это мой код Я установил максимальное и минимальное значения, но, похоже, это не относится к выводу.

Код

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
    };

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);
}
Другие вопросы по тегам