javascript - 谷歌线图 - 设置较小的幅度

Question

我正在制作一个显示产品价格的折线图。问题在于图表的振幅很大，因此非常困惑。

因此，如果 Y 轴的范围更大(比如 800 - 1500)，则振幅看起来会更小，图表的排列也会更好。

你知道怎么做吗？

这就是代码，实际上，它连接了多个数据集。

<script>
    function range(start, end) {
        var array = [];
        for (var i = start; i < end; i++) {
            array.push(i);
        }
        return array;
    }


    function drawChart() {
        var google_chart_json = {{ google_chart|safe }};
        var datas = [];
        $.each(google_chart_json, function (key, val) {
            var domain = key;
            var data = new google.visualization.DataTable();
            data.addColumn('datetime', domain + 'Date');
            data.addColumn('number', domain);


            $.each(val, function (_, scan) {
                var year = scan[0][0];
                var month = scan[0][1];
                var day = scan[0][2];
                var hour = scan[0][3];
                var price = scan[1];

                data.addRows([
                    [new Date(year, month-1, day, hour), price]
                ]);
            });
            datas.push(data);
        });
        var joinedData = datas[0];
        $.each(datas, function (index, datatable) {
            console.log('joining index ' + index)
            if (index != 0) {
                joinedData = google.visualization.data.join(joinedData, datatable, 'full', [[0, 0]], range(1, index + 1), [1]);
            }
        });


        var chart = new google.visualization.LineChart(document.querySelector('#chart_div'));

        chart.draw(joinedData, {
            height: 500,
            width: 1000,
            interpolateNulls: true,
            explorer: {
                maxZoomOut: 10,
                keepInBounds: true
            },
        });
    }
    google.charts.load('current', {packages: ['corechart'], callback: drawChart});
{#    google.load('visualization', '1', {packages: ['corechart'], callback: drawChart});#}
</script>

Answer 1

使用 vAxis.viewWindow 选项设置 Y 轴的范围...

vAxis: {
  viewWindow: {
    min: 800,
    max: 1500
  }
}