Блог

Вот код для диаграммы датчиков, которую я интегрирую из Google Диаграмм, и я не могу создать заполнение между этими тремя датчиками, потому что я хочу иметь дизайн, в котором они не слишком близки друг к другу, я также попытался поместить это в div и использовать загрузочную загрузку 4, например (класс = flex-line, оправдывающий-содержимое-между), но это вообще не работает, как-то оправдывает содержимое, но оно просто помещает датчики в середину тела html, а промежутки между диаграммами вообще не меняются.

 lt;htmlgt;  lt;headgt;  lt;script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"gt;lt;/scriptgt;  lt;script type="text/javascript"gt;  google.charts.load('current', {'packages':['gauge']});  google.charts.setOnLoadCallback(drawChart);   function drawChart() {   var data = google.visualization.arrayToDataTable([  ['Label', 'Value'],  ['Memory', 80],  ['CPU', 55],  ['Network', 68]  ]);   var options = {  width: 400, height: 120,  redFrom: 90, redTo: 100,  yellowFrom:75, yellowTo: 90,  minorTicks: 5  };   var chart = new google.visualization.Gauge(document.getElementById('chart_div'));   chart.draw(data, options);   setInterval(function() {  data.setValue(0, 1, 40   Math.round(60 * Math.random()));  chart.draw(data, options);  }, 13000);  setInterval(function() {  data.setValue(1, 1, 40   Math.round(60 * Math.random()));  chart.draw(data, options);  }, 5000);  setInterval(function() {  data.setValue(2, 1, 60   Math.round(20 * Math.random()));  chart.draw(data, options);  }, 26000);  }  lt;/scriptgt;  lt;/headgt;  lt;bodygt;  lt;div id="chart_div" style="width: 400px; height: 120px;"gt;lt;/divgt;  lt;/bodygt; lt;/htmlgt;