sonar medium

This commit is contained in:
Cindy Chang
2024-07-26 11:39:02 +08:00
parent 83c87746e9
commit c85ee86f08
2 changed files with 28 additions and 13 deletions

View File

@@ -38,13 +38,6 @@
</p>
<Chart type="bar" :data="casesChartData" :options="casesChartOptions" class="w-[99%]"/>
</div>
<!-- Fitness 暫時不做 basis-1/3 basis-1/2 -->
<!-- <div class="border rounded border-neutral-300 p-2 bg-neutral-10 basis-1/3">
<p class="h2 pl-2 flex justify-between items-center">
<span>Fitness<span class="material-symbols-outlined text-sm align-middle ml-2">info</span></span>
<span class="text-2xl">{{ data.charts.fitness }}</span>
</p>
</div> -->
</div>
<!-- effect -->
<section>
@@ -105,6 +98,15 @@
<p class="h2 pl-2 mb-2">Short Loop(s)</p>
<table class="text-sm min-w-full table-fixed">
<caption class="hidden">Loop List</caption>
<thead class="hidden">
<tr>
<th class="w-1/5 px-4 py-2 hidden"></th>
<th class="w-1/5 px-4 py-2 hidden"></th>
<th class="w-1/5 px-4 py-2 hidden"></th>
<th class="w-1/5 px-4 py-2 hidden"></th>
<th class="w-1/5 px-4 py-2 hidden"></th>
</tr>
</thead>
<tbody>
<tr v-for="(trace, key) in data.loops" :key="key">
<td class="p-2 pl-6 truncate max-w-0 w-1/3">
@@ -154,6 +156,15 @@
<p class="h2 pl-2 mb-2">Issue List<span class="material-symbols-outlined !text-sm align-middle ml-2 cursor-pointer" v-tooltip.bottom="tooltip.issueList">info</span></p>
<table class="text-sm min-w-full table-fixed">
<caption class="hidden">Issues List</caption>
<thead class="hidden">
<tr>
<th class="w-1/5 px-4 py-2 hidden"></th>
<th class="w-1/5 px-4 py-2 hidden"></th>
<th class="w-1/5 px-4 py-2 hidden"></th>
<th class="w-1/5 px-4 py-2 hidden"></th>
<th class="w-1/5 px-4 py-2 hidden"></th>
</tr>
</thead>
<tbody>
<tr v-for="(trace, key) in data.issues" :key="key">
<td class="p-2 pl-6 truncate max-w-0 w-1/3">
@@ -502,8 +513,9 @@ export default {
color: '#334155',
align: 'inner',
callback: function(value, index, values) {
if (value === 0) return `${value * 100}%`;
else if (value === 1) return `${value * 100}%`;
if (value === 0 || value === 1) {
return `${value * 100}%`;
}
},
},
grid: {
@@ -587,8 +599,9 @@ export default {
color: '#334155',
align: 'inner',
callback: function(value, index, values) {
if (index === 0) return shortScaleNumber(value);
else if (index === values.length - 1) return shortScaleNumber(value);
if (index === 0 || index === values.length - 1) {
return shortScaleNumber(value);
}
},
},
grid: {
@@ -617,7 +630,7 @@ export default {
let max = yMax * 1.1;
let xVal = timeRange(xMin, xMax, 100);
let yVal = yTimeRange(data, 100, yMin, yMax);
data = xVal.map((x, index) => ({ x, y: yVal[index] }));
xVal.map((x, index) => ({ x, y: yVal[index] }));
let formattedXVal = xVal.map(value => formatTime(value));
formattedXVal = formatMaxTwo(formattedXVal);
let selectTimeMinIndex = getXIndex(xVal, this.selectDurationTime.min);