Prozess 2 fortlaufend Uhrzeit

Dynamic Chart - CanvasJS JavaScript Charts

by Whykiki

HTML

<script src="http://canvasjs.com/assets/script/canvasjs.min.js"></script>
<br/><!-- Just so that JSFiddle's Result label doesn't overlap the Chart -->
<div id="chartContainer" style="height: 300px; width: 80%;"></div>

        <div id="result">
            <input type="text" name="valueGetter" id="valueGetter" value="0" />
                    <input type="text" name="valueGetterRpm" id="valueGetterRpm" value="0" />

        </div>
        <div class="tester">
        
        </div>
        
                <div class="tester2">
        
        </div>

JavaScript

var xVal = new Date();
var startTime;
var countTime = new Date();
function getDateTime() {
 startTime = new Date();
  return startTime;
}

getDateTime();
setInterval(function(){ getDateTime() }, 10); 
     
var secondsTotal = 0;

        function getMeasurementData() {
            //var steps = jQuery('#stepCounter').val();

            $.post( "http://kunden.whykiki.rocks/brabender/measurementData/measurement.php", function( data ) {
                $( "#result" ).html( data );
            });
            

				secondsTotal++;
        //xVal = secondsTotal;
          var minutes = Math.floor(secondsTotal / 60) % 3600;
          var seconds = Math.floor(secondsTotal)  % 60;
		
          if (minutes >= 15) {
            chart.options.axisX.interval = 2;
          }
          
          if (minutes >= 30) {
            chart.options.axisX.interval = 5;
          }
            
       

        $('.tester').text(secondsTotal);
        
        
        }
        setInterval(getMeasurementData,1000);



        var dps = []; // dataPoints
        var dps2 = []; // dataPoints2
        var yVal = 0;
        var yVal2 = 0;
        var updateInterval = 1000;
        var dataLength = 1800; // number of dataPoints visible at any point

 var chart = new CanvasJS.Chart("chartContainer", {
	exportEnabled: false,
	zoomEnabled: true,
           
            title :{
                text: "Testmessung",
                fontFamily: "Open Sans",
                fontSize: 16,
                fontWeight: "bold"
            },
            
					axisY:{
                minimum: 0,
                includeZero: false,
                titleFontSize: 14,
                titleFontWeight: "normal",
                titleFontFamily: "Open Sans",
                titleFontColor: "#000",
                labelFontColor: "#000",
                titleFontWeight: "bold",
                gridThickness: 1,
                lineThickness: 2,
                lineColor: "blue",
               ...