<style>
        .whole {
            width: 400px;
            margin: 0 auto;
            clear: both;
        }

        .half {
            width: 50%;
            float: left;
        }

        .container-1 {
            width: 200px;
            height: 100px;
            margin: 30px auto 0 auto;
            text-align: center;
        }

           .gauge {
            width: 100%;
            height: 100%;
            border: 1px solid #ddd;
        }
    </style>
    <div class="whole">
        <div class="half">
            <div class="container-1">
                <div id="jg1" class="gauge"></div>
            </div>
            <div class="container-1">
                <div id="jg2" class="gauge"></div>
            </div>

        </div>
        <div class="half">
            <div class="container-1">
                <div id="jg3" class="gauge"></div>
            </div>
            <div class="container-1">
                <div id="jg4" class="gauge"></div>
            </div>

        </div>
    </div>
	<div class="_GTT_C _GTH_ %__GTP_">Прогноз сьогодні:_GTT_C _GTH_ %__GTP_</div><div class="_GYT_C _GYH_ %_GYP_">Прогноз завтра:_GYT_C _GYH_ %_GYP_</div>
    <script src="https://cdn.jsdelivr.net/raphael/2.1.4/raphael-min.js"></script>
    <script src="http://yourjavascript.com/8069262441/justgage.js"></script>
    <script>

    document.addEventListener("DOMContentLoaded", function(event) {

        var defs1 = {
            label: "Температура1",
            value: 22,
            min: 0,
            max: 100,
            decimals: 0,
            gaugeWidthScale: 0.6,
            pointer: true,
            pointerOptions: {
                toplength: 10,
                bottomlength: 10,
                bottomwidth: 2
            },
            counter: true
        }

        var defs2 = {
            label: "Температура2",
            value: 44,
            min: 0,
            max: 100,
            decimals: 0,
            gaugeWidthScale: 0.6,
            pointer: true,
            pointerOptions: {
                toplength: 10,
                bottomlength: 10,
                bottomwidth: 2
            },
            counter: true,
        }

		var defs3 = {
            label: "Тиск",
            value: 750,
            min: 700,
            max: 800,
            decimals: 0,
            gaugeWidthScale: 0.6,
            pointer: true,
            pointerOptions: {
                toplength: 10,
                bottomlength: 10,
                bottomwidth: 2
            },
            counter: true,
        }

		var defs4 = {
            label: "Вологість",
            value: 45,
            min: 0,
            max: 100,
            decimals: 0,
            gaugeWidthScale: 0.6,
            pointer: true,
            pointerOptions: {
                toplength: 10,
                bottomlength: 10,
                bottomwidth: 2
            },
            counter: true,
        }


        var jg1 = new JustGage({
            id: "jg1",
            defaults: defs1
        });

        var jg2 = new JustGage({
            id: "jg2",
            defaults: defs2
        });

        var jg3 = new JustGage({
            id: "jg3",
            defaults: defs3
        });

        var jg4 = new JustGage({
            id: "jg4",
            defaults: defs4
        });

            });
    </script>