在3种不同的Google折线图中可视化数据

Question

[大家好，所以我有script.js，它正在从我的数据库中获取数据（以read.php作为API）并将数据存储在表中的index.html文件中。数据库中的列为：日期，温度，压力和RPM。我现在拥有的是3张图表，其中包括3条线->温度+压力+ rpm。但是我如何拆分数据以在自己的Google折线图中显示每个元素。所以我想有3个折线图：1个温度图表+ 1个压力图表+ 1个rpm图表。而且我必须保留一张包含所有数据的表。

"use strict";

google.charts.load('current', { 'packages': ['line'] });

document.getElementById('get').addEventListener('click', getData);

function addRow(data) {
    let tBody=document.getElementById("sensorData");
    let row=tBody.insertRow(-1);

    let cell=row.insertCell(-1);
    let dateTextNode=document.createTextNode(data.date);
    cell.appendChild(dateTextNode);

    cell=row.insertCell(-1);
    let temperatureTextNode=document.createTextNode(data.temperature);
    cell.appendChild(temperatureTextNode);

    cell=row.insertCell(-1);
    let pressureTextNode=document.createTextNode(data.pressure);
    cell.appendChild(pressureTextNode);

    cell=row.insertCell(-1);
    let rpmTextNode=document.createTextNode(data.rpm);
    cell.appendChild(rpmTextNode);
}

async function getData() {

    let response = await fetch("http://localhost:8000/read1.php");
    let json = await response.json();

    var data = new google.visualization.DataTable();
    data.addColumn('string', 'date');
    data.addColumn('number', 'temperature');
    data.addColumn('number', 'pressure');
    data.addColumn('number', 'rpm');

    //loop through the data and add a table row and a chart row for each row received from the server
    for (var i = 0; i < json.length; i++) {
      addRow(json[i]);
      data.addRow(Object.values(json[i]));
    }

    var optionsTemp = {
        chart: {
            title: 'Temperature',
            subtitle: ''
        },

        height: 300
    };

    var chartTemp = new google.charts.Line(document.getElementById('temperature_data'));
    chartTemp.draw(data, google.charts.Line.convertOptions(optionsTemp));

    var optionsPres = {
        chart: {
            title: 'Pressure',
            subtitle: ''
        },

        height: 300
    };

    var chartPres = new google.charts.Line(document.getElementById('pressure_data'));
    chartPres.draw(data, google.charts.Line.convertOptions(optionsPres));

    var optionsRPM = {
        chart: {
            title: 'RPM',
            subtitle: ''
        },

        height: 300
    };

    var chartRPM = new google.charts.Line(document.getElementById('rpm_data'));
    chartRPM.draw(data, google.charts.Line.convertOptions(optionsRPM));

那是我的脚本，目前我有3个图表，但它们都显示3个元素，我如何拆分它？