archive/blender-benchmark-bundle
Archived
1
0
Fork 0
Code Issues 12 Pull Requests Packages Projects Releases Wiki Activity

Initial support for history over device scenes

Browse Source 
This patch will generate html file which contains per-scene graph ofg all device
statistics over all period of time. There are still some possible tweaks to look
and feel of the graphs, but it's good enough for now.
This commit is contained in:
Sergey Sharybin
2017-08-27 21:25:46 +02:00
parent 0cd6c37ec2
commit 34c6f867b0
3 changed files with 191 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
benchmark/website/history.html Normal file
View File

@@ -0,0 +1,32 @@
<!doctype html>
<html>
<head>
<title>Benchmark Results</title>
<script src="source/chart.bundle.js"></script>
<script src="source/utils.js"></script>
<script src="source/jquery.min.js"></script>
<script src="source/jquery.jqGrid.min.js"></script>
<script src="source/bootstrap.min.js"></script>
<script src="dataset/history.js"></script>
<link rel="stylesheet" type="text/css" href="style/main.css">
<link rel="stylesheet" type="text/css" href="style/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="style/ui.jqgrid-bootstrap.css" />
</head>
<body>
<div id="container">
</div>
<br><br>
<table id="spreadsheet"></table>
<script type="text/javascript">
window.onload = function() {
var container = document.getElementById("container");
for (scene_name of data.scenes) {
var canvas = document.createElement("canvas");
container.appendChild(canvas);
var chart_ctx = canvas.getContext("2d");
buildHistoryChart(chart_ctx, data, scene_name);
}
};
</script>
</body>
</html>

76
benchmark/website/source/utils.js
View File

@@ -43,21 +43,42 @@ function secondsToHumanReadable(seconds) {
return result;
}
function buildChart(ctx, bare_data) {
var data = bare_data;
var max_value = 0;
function setDatasetColor(data, is_bar) {
var index = 0;
for (dataset of data.datasets) {
var color = Chart.helpers.color(generateBarColor(index));
dataset.backgroundColor = color.alpha(0.5).rgbString();
dataset.borderColor = color.alpha(1.0).rgbString();
dataset.borderWidth = 1;
for (value of dataset.data) {
max_value = Math.max(max_value, value);
if (is_bar) {
dataset.borderWidth = 1;
} else {
dataset.fill = false;
}
index++;
}
window.myBar = new Chart(
}
function findDatasetMaxValue(data) {
var max_value = 0;
for (dataset of data.datasets) {
for (value of dataset.data) {
if (value === null) {
continue;
}
if (typeof value !== "number") {
value = value.y;
}
max_value = Math.max(max_value, value);
}
}
return max_value;
}
function buildChart(ctx, bare_data) {
var data = bare_data;
var max_value = findDatasetMaxValue(data);
setDatasetColor(data, true);
var my_chart = new Chart(
ctx,
{
type: 'bar',
@@ -99,6 +120,47 @@ function buildChart(ctx, bare_data) {
});
}
function historyChartGetSceneStats(bare_data, scene_name) {
var datasets = [];
for (dataset of bare_data.datasets) {
if (dataset.scene_name != scene_name) {
continue;
}
datasets.push({"data": dataset.data,
"label": dataset.device_name});
}
return {"datasets": datasets};
}
function buildHistoryChart(ctx, bare_data, scene_name) {
var data = historyChartGetSceneStats(bare_data, scene_name);
var max_value = findDatasetMaxValue(data);
setDatasetColor(data, false);
new Chart(
ctx,
{
type: 'line',
data: data,
options: { responsive: true,
legend: {position: 'top'},
title: {display: true,
text: scene_name + ' benchmark results'},
scales: {xAxes: [{type: "time",
time: {format: 'DD/MM/YYYY HH:mm',
tooltipFormat: 'll HH:mm'},
scaleLabel: {display: true,
labelString: 'Date'}},],
yAxes: [{display: true,
scaleLabel: {display: true,
labelString: 'Render time (sec)'},
ticks: {min: 0,
max: Math.ceil((max_value + 99) / 100) * 100}}]},
elements: { line: { tension: 0.000001 } },
}
});
}
function buildSpreadsheet(ctx, data) {
// Generate columns for header.
var columns = [{label: "", name: "", width: 300}];