JSFiddle - React, Tailwind, and code Playground
HTML
<div id="Graphic"></div>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
JavaScript
let X = [1, 2, 3, 4, 5, 6]; // ось Х;
let Y1 = [1, 1, 1, 1, 1, 1]; //Первая линия;
let Y2 = [1.1, 1.1, 1.1, 1.1, 1.1, 1.1]; // Вторая линия;
let Y3 = [1.2, 1.2, 1.2, 1.2, 1.2, 1.2]; // Это надо представить в виде точек, а не линии;
google.charts.load("current", { packages: ["line"] });
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('number', 'Ось Х');
data.addColumn('number', 'Объект без помехи');
data.addColumn('number', 'Объект регрессии');
data.addColumn('number', 'Точки помехи');
for (let i = 0; i < 6; ++i) {
data.addRows([
[X[i], Y1[i], Y2[i], Y3[i]],
]);
}
var options = {
height: 500
};
var chart = new google.charts.Line(document.getElementById('Graphic'));
chart.draw(data, google.charts.Line.convertOptions(options));
}