sonar medium
This commit is contained in:
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user