Linear Time

duration time using line.

by rough cheap

HTML

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/Chart.bundle.min.js"></script>
<canvas id="ffbenchChart" width="200" height="100%"></canvas>

JavaScript

var ctx = document.getElementById('ffbenchChart').getContext('2d');
var chart = new Chart(ctx, {
	type : 'line',
  data : {
  	labels : ['Ryzen5 3600 + GTX1660Ti', 'Ryzen7 2700x + GTX660Ti', 'Core i7-4770 + GTX660' ],
    datasets : [{
    	label : 'duration',
      data : ["9:14.940", "8:14.060", "18:36.050"],
      borderColor: 'rgba(0, 99, 132, 0.6)',
      pointBackgroundColor: 'rgba(0, 99, 132, 0.6)',
    }]
  },
  options : {
  	scales : {
    	yAxes : [{
      	type : 'time',
        time : {
        	parser: 'm:s.SSS',
          unit : 'seconds',
          unitStepSize : 240,
          min: '0:00.000',
          max: '20:00.000',
          displayFormats : {
          	'seconds' : 'mm.ss'
          }
        },
      }]
    },
    
  	title : {
    	display : true,
      position : 'top',
      text : 'Blender2.8 レンダリング時間'
    },
    elements : {
    	line : {
      	tension : 0
      }
    }
  }
});