Run results for: charting library candidate 1

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.67 Safari/537.36

Browser: Chrome 87

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 4 years ago

Test name	Executions per second
12 days	852.8 Ops/sec
30 days	368.7 Ops/sec

HTML Preparation code:

<canvas id="myChart"></canvas>
<script src="https://cdn.jsdelivr.net/npm/chart.js@2.8.0"></script>

Tests:

12 days
new Chart(document.getElementById("myChart"), { "type": "line", "data": { "labels": ["January", "February", "March", "April", "May", "June", "July","Aug","Sept","oct","nov","dec"], "datasets": [{ "label": "Price History", "data": [65, 59, 80, 81, 56, 55, 40,65, 59, 80, 81, 56], "fill": false, "borderColor": "rgb(75, 192, 192)", "lineTension": 0 }] }, options: { scales: { yAxes: [{ ticks: { // Include a dollar sign in the ticks callback: function(value, index, values) { return '$' + value; } } }] } } });
30 days
new Chart(document.getElementById("myChart"), { "type": "line", "data": { "labels": ["1", "2", "3", "4", "5", "6", "7","8", "9", "10", "11", "12", "13", "14","15","16","17","18","19","20","21","22","23","24","25","26","27","28","29","30"], "datasets": [{ "label": "Price History", "data": [65, 59, 80, 81, 56, 55, 40,65, 59, 80, 81, 56, 55, 40, 90,65, 59, 80, 81, 56, 55, 40,65, 59, 80, 81, 56, 55, 40, 90], "fill": false, "borderColor": "rgb(75, 192, 192)", "lineTension": 0 }] }, options: { scales: { yAxes: [{ ticks: { // Include a dollar sign in the ticks callback: function(value, index, values) { return '$' + value; } } }] } } });