# HG changeset patch # User Raphaël Gomès <rgomes@octobus.net> # Date 1657273030 -7200 # Fri Jul 08 11:37:10 2022 +0200 # Node ID ef0deab963929d614641d3f3bc2d3d99c7be2dfd # Parent b35d146e92f7ef939b243825309dbb44f755e8a0 web-ui: improve layout of graphs and add title diff --git a/web-ui/src/lib/Benchmark.svelte b/web-ui/src/lib/Benchmark.svelte --- a/web-ui/src/lib/Benchmark.svelte +++ b/web-ui/src/lib/Benchmark.svelte @@ -21,8 +21,7 @@ <div class="benchmark"> <div class="graphs"> {#each Object.entries(groupResults(results)) as [repoName, data]} - <h4>{repoName}</h4> - <Graph {data} /> + <Graph title={repoName} {data} /> {/each} </div> </div> diff --git a/web-ui/src/lib/Graph.svelte b/web-ui/src/lib/Graph.svelte --- a/web-ui/src/lib/Graph.svelte +++ b/web-ui/src/lib/Graph.svelte @@ -5,6 +5,7 @@ import { COLORS } from "../config.js"; import { getNodeForResult, sortVersions } from "../utils"; + export let title: string; export let data; let myChart; @@ -84,6 +85,10 @@ }, }, }, + title: { + text: title, + display: true, + } }, onClick: (e, elements) => { if (elements.length == 0) {