Move color generation to javascript

benchmark/parse_results.py

@@ -208,9 +208,6 @@ class LatestResultVisitor(ResultVisitor):
                 data.append(scene_stats['pipeline_render_time'])
             dataset = {
                 "label": device_name,
-                "borderWidth": 1,
-                "backgroundColor": util.generateBarColor(device_index, 0.5),
-                "borderColor": util.generateBarColor(device_index),
                 "data": data,
             }
             datasets.append(dataset)

benchmark/website/source/utils.js

@@ -43,9 +43,15 @@ function secondsToHumanReadable(seconds) {
   return result;
 }
 
-function buildChart(ctx, data) {
+function buildChart(ctx, bare_data) {
+  var data = bare_data;
   var max_value = 0;
+  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);
     }