This commit is contained in:
MaysWind
2026-04-19 13:28:25 +08:00
parent 5d8e709070
commit 374132fe7c
+6 -6
View File
@@ -15,7 +15,7 @@ import { ThemeType } from '@/core/theme.ts';
import { isArray, isNumber } from '@/lib/common.ts'; import { isArray, isNumber } from '@/lib/common.ts';
interface HeapMapData { interface HeatMapData {
allSeriesNames: string[]; allSeriesNames: string[];
data: [number, number, number][]; data: [number, number, number][];
minValue: number; minValue: number;
@@ -60,7 +60,7 @@ const finalClass = computed<string>(() => {
if (props.class) { if (props.class) {
finalClass += ` ${props.class}`; finalClass += ` ${props.class}`;
} else { } else {
finalClass += ' heapmap-chart-container'; finalClass += ' heatmap-chart-container';
} }
return finalClass; return finalClass;
@@ -75,7 +75,7 @@ const finalStyle = computed<Record<string, string>>(() => {
return style; return style;
}); });
const heatMapData = computed<HeapMapData>(() => { const heatMapData = computed<HeatMapData>(() => {
const allData: [number, number, number][] = []; const allData: [number, number, number][] = [];
const allSeriesNames: string[] = []; const allSeriesNames: string[] = [];
let minValue: number = Number.POSITIVE_INFINITY; let minValue: number = Number.POSITIVE_INFINITY;
@@ -107,7 +107,7 @@ const heatMapData = computed<HeapMapData>(() => {
} }
} }
const ret: HeapMapData = { const ret: HeatMapData = {
allSeriesNames: allSeriesNames, allSeriesNames: allSeriesNames,
data: allData, data: allData,
minValue: minValue === Number.POSITIVE_INFINITY ? 0 : minValue, minValue: minValue === Number.POSITIVE_INFINITY ? 0 : minValue,
@@ -265,14 +265,14 @@ function getDisplayValue(value: number): string {
</script> </script>
<style scoped> <style scoped>
.heapmap-chart-container { .heatmap-chart-container {
width: 100%; width: 100%;
height: 560px; height: 560px;
margin-top: 10px; margin-top: 10px;
} }
@media (min-width: 600px) { @media (min-width: 600px) {
.heapmap-chart-container { .heatmap-chart-container {
height: 630px; height: 630px;
} }
} }