Google Charts:在折线图中缩放每个系列

时间:2017-10-12 02:37:13

标签: javascript google-visualization

我有一个包含多个系列的折线图:

  • X轴是时间
  • Y轴具有速度和车辆RPM

速度在-20到130的范围内,而RPM在0到8000的范围内。我希望将这两个系列分别缩放,以便我可以清楚地看到两者的趋势。 speed,rpm vs time

我的绘图功能看起来像这样:

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

1 个答案:

答案 0 :(得分:2)

你能做的是双y轴。您可以查看它所涉及的Google Charts documentation。这样您就可以保留值,因为您不需要缩放它们。