49 lines
1.7 KiB
JavaScript
49 lines
1.7 KiB
JavaScript
// Generate unique looking color for a given bar index.
|
|
function generateBarColor(index) {
|
|
var builtin_colors = [[255, 99, 132],
|
|
[255, 159, 64],
|
|
[255, 205, 86],
|
|
[75, 192, 192],
|
|
[54, 162, 235],
|
|
[153, 102, 255],
|
|
[201, 203, 207],
|
|
[48, 103, 204],
|
|
[220, 56, 18],
|
|
[254, 155, 0],
|
|
[15, 147, 25]];
|
|
var color = [0, 0, 0];
|
|
if (index >= 0 && index < builtin_colors.length) {
|
|
color = builtin_colors[index];
|
|
}
|
|
return "rgb(" + color[0].toString() + ", " +
|
|
color[1].toString() + ", " +
|
|
color[2].toString() + ")";
|
|
}
|
|
|
|
function buildChart(ctx, data) {
|
|
var max_value = 0;
|
|
for (dataset of data.datasets) {
|
|
for (value of dataset.data) {
|
|
max_value = Math.max(max_value, value);
|
|
}
|
|
}
|
|
window.myBar = new Chart(
|
|
ctx,
|
|
{
|
|
type: 'bar',
|
|
data: data,
|
|
options: { responsive: true,
|
|
legend: {position: 'top'},
|
|
title: {display: true,
|
|
text: 'Benchmark Results'},
|
|
scales: {xAxes: [{display: true,
|
|
scaleLabel: {display: true,
|
|
labelString: 'Scene'}}],
|
|
yAxes: [{display: true,
|
|
scaleLabel: {display: true,
|
|
labelString: 'Render time (sec)'},
|
|
ticks: {min: 0,
|
|
max: Math.ceil(max_value * 1.25)}}]}}
|
|
});
|
|
}
|