簡體   English   中英

Google圖表:按比例縮放折線圖中的每個系列

[英]Google Charts: Scaling each series in line chart

我有一個帶有多個系列的折線圖:

  • X軸是時間
  • Y軸具有速度和車輛RPM

速度在-20到130的范圍內,而RPM在0到8000的范圍內。我想分別對這兩個系列進行縮放,以便我可以清楚地看到這兩個趨勢。 速度,rpm vs時間

我的繪制函數如下所示:

var do_chart = function (readings) {
    var data = new google.visualization.DataTable();
    data.addColumn('datetime', 'Time');
    var fields_using = $('#select-y').val(); 
    // fields are selected from a select dropdown
    _.forEach(fields_using, function(v) {
        data.addColumn('number', v);
    });
    _.forEach(readings, function (v) {
        var row = [new Date(v.timestamp)];
        _.forEach(fields_using, function(f) {
            row.push(v[f]);
        });
        data.addRow(row);
    });
    var options = {
        title: 'Speed vs. Time',
        curveType: 'function',
        animation:{
            duration: 100,
            startup: true
        },
        explorer: {
            actions: ['dragToZoom', 'rightClickToReset'],
            axis: 'horizontal',
            keepInBounds: true,
            maxZoomIn: 0
        },
        legend: {position: 'bottom'}
    };

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

您可以做的是使用雙Y軸。 您可以查看有關它的Google Charts文檔 這樣,您就可以保留值,因為您無需縮放它們。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM