diff --git a/src/default_index_html.ts b/src/default_index_html.ts index c9560d2..4be53c6 100644 --- a/src/default_index_html.ts +++ b/src/default_index_html.ts @@ -88,11 +88,13 @@ export const DEFAULT_INDEX_HTML = String.raw` box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Slight shadow */ } .benchmark-chart-overview { + display: flex; + flex-direction: column; max-width: 90%; width: auto; /* Make width adaptive */ min-width: 1000px; /* Set minimum width to 1000px */ - height: auto; /* Make height adaptive */ - min-height: 600px; + height: 80vh; /* Make height adaptive */ + min-height: 1000px; max-height: 1500px; /* Make height adaptive */ background-color: #ffffff; /* White background for better chart display */ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Slight shadow */ @@ -210,8 +212,8 @@ export const DEFAULT_INDEX_HTML = String.raw` // Get normalized data with display flag function getNormalizedData(dataSets) { function extractValuesAndTitle(map) { - const linuxEntry = [...map.values()].find(entry => entry[0].bench.extra === 'linux_avg'); - const asterinasEntry = [...map.values()].find(entry => entry[0].bench.extra === 'aster_avg'); + const linuxEntry = [...map.values()].find(entry => entry[0].bench.extra === 'linux_result'); + const asterinasEntry = [...map.values()].find(entry => entry[0].bench.extra === 'aster_result'); if (!linuxEntry || !asterinasEntry) { throw new Error('Linux or Asterinas entry not found'); @@ -464,12 +466,12 @@ export const DEFAULT_INDEX_HTML = String.raw` const nameElem = document.createElement('h1'); nameElem.className = 'benchmark-title'; - nameElem.textContent = dataSet.values().next().value.length > 0 ? dataSet.values().next().value[0].title : ''; + nameElem.textContent = dataSet.values().next().value.length > 0 ? dataSet.values().next().value[dataSet.values().next().value.length-1].title : ''; setElem.appendChild(nameElem); - + console.log(dataSet); const descriptionElem = document.createElement('div'); descriptionElem.className = 'chart-description'; - descriptionElem.textContent = dataSet.values().next().value.length > 0 ? dataSet.values().next().value[0].description : ''; + descriptionElem.textContent = dataSet.values().next().value.length > 0 ? dataSet.values().next().value[dataSet.values().next().value.length-1].description : ''; setElem.appendChild(descriptionElem); const graphsElem = document.createElement('div');