@dssp/dkpi 1.0.0-alpha.66 → 1.0.0-alpha.68

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/dist-client/components/kpi-2d-lookup-chart.d.ts +10 -30
  2. package/dist-client/components/kpi-2d-lookup-chart.js +150 -362
  3. package/dist-client/components/kpi-2d-lookup-chart.js.map +1 -1
  4. package/dist-client/components/kpi-boxplot-chart.js +51 -20
  5. package/dist-client/components/kpi-boxplot-chart.js.map +1 -1
  6. package/dist-client/components/kpi-lookup-chart.d.ts +15 -4
  7. package/dist-client/components/kpi-lookup-chart.js +248 -292
  8. package/dist-client/components/kpi-lookup-chart.js.map +1 -1
  9. package/dist-client/components/kpi-radar-chart.js +29 -5
  10. package/dist-client/components/kpi-radar-chart.js.map +1 -1
  11. package/dist-client/components/kpi-single-boxplot-chart.js +72 -14
  12. package/dist-client/components/kpi-single-boxplot-chart.js.map +1 -1
  13. package/dist-client/google-map/common-google-map.js +10 -8
  14. package/dist-client/google-map/common-google-map.js.map +1 -1
  15. package/dist-client/pages/kpi-dashboard/components/kpi-left-panel.js +7 -0
  16. package/dist-client/pages/kpi-dashboard/components/kpi-left-panel.js.map +1 -1
  17. package/dist-client/pages/kpi-dashboard/components/kpi-map-panel.d.ts +2 -0
  18. package/dist-client/pages/kpi-dashboard/components/kpi-map-panel.js +12 -4
  19. package/dist-client/pages/kpi-dashboard/components/kpi-map-panel.js.map +1 -1
  20. package/dist-client/pages/kpi-dashboard/components/kpi-region-popup.d.ts +2 -0
  21. package/dist-client/pages/kpi-dashboard/components/kpi-region-popup.js +84 -25
  22. package/dist-client/pages/kpi-dashboard/components/kpi-region-popup.js.map +1 -1
  23. package/dist-client/pages/kpi-dashboard/kpi-dashboard-map.d.ts +12 -0
  24. package/dist-client/pages/kpi-dashboard/kpi-dashboard-map.js +243 -16
  25. package/dist-client/pages/kpi-dashboard/kpi-dashboard-map.js.map +1 -1
  26. package/dist-client/pages/sv-project-detail.d.ts +1 -1
  27. package/dist-client/pages/sv-project-detail.js +25 -7
  28. package/dist-client/pages/sv-project-detail.js.map +1 -1
  29. package/dist-client/tsconfig.tsbuildinfo +1 -1
  30. package/dist-server/service/kpi-stat/kpi-stat-query.d.ts +2 -0
  31. package/dist-server/service/kpi-stat/kpi-stat-query.js +120 -0
  32. package/dist-server/service/kpi-stat/kpi-stat-query.js.map +1 -1
  33. package/dist-server/service/kpi-stat/kpi-stat-types.d.ts +1 -0
  34. package/dist-server/service/kpi-stat/kpi-stat-types.js +4 -0
  35. package/dist-server/service/kpi-stat/kpi-stat-types.js.map +1 -1
  36. package/dist-server/tsconfig.tsbuildinfo +1 -1
  37. package/package.json +2 -2
  38. package/schema.graphql +7 -0
@@ -1 +1 @@
1
- {"version":3,"file":"kpi-2d-lookup-chart.js","sourceRoot":"","sources":["../../client/components/kpi-2d-lookup-chart.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, css } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport * as d3 from 'd3'\n\n/**\n * X13 등 2D lookup KPI를 위한 차트 컴포넌트\n *\n * Y축: 성과수준 (0~1) — 다른 1D 차트와 동일\n * X축: 편차율 (KPI value)\n * 실선 계단: 현재 공정률 기준 편차→성과 매핑\n * 반투명 밴드: 공정률 0~100% 범위에서 경계 이동 폭\n * ● 점: 현재 프로젝트 위치\n */\n\ninterface Grade2DRow {\n progressRate: number\n boundary5to4: number\n boundary4to3: number\n boundary3to2: number\n boundary2to1: number\n}\n\ninterface Grade2DLookup {\n type: 'PROGRESS_DEVIATION_LOOKUP'\n description?: string\n rows: Grade2DRow[]\n}\n\n/* 5점→1.0, 4점→0.8, 3점→0.6, 2점→0.4, 1점→0.2 */\nconst SCORE_LEVELS = [\n { score: 5, normalized: 1.0, label: '5점', color: '#1565c0' },\n { score: 4, normalized: 0.8, label: '4점', color: '#4caf50' },\n { score: 3, normalized: 0.6, label: '3점', color: '#ffc107' },\n { score: 2, normalized: 0.4, label: '2점', color: '#ff9800' },\n { score: 1, normalized: 0.2, label: '1점', color: '#e53935' }\n]\n\n@customElement('kpi-2d-lookup-chart')\nexport class Kpi2dLookupChart extends LitElement {\n /** 2D grades 객체 ({ type: 'PROGRESS_DEVIATION_LOOKUP', rows: [...] }) */\n @property({ type: Object }) grades: Grade2DLookup | null = null\n\n /** 현재 편차율 (KPI value = formula 결과) */\n @property({ type: Number }) value: number | null = null\n\n /** 현재 공정률 (0~100) */\n @property({ type: Number }) progressRate: number = 50\n\n /** 단위 표시 */\n @property({ type: String }) unit: string = '%'\n\n /** 차트 제목 */\n @property({ type: String }) kpiName: string = ''\n\n static styles = css`\n :host {\n display: block;\n width: 100%;\n height: 100%;\n min-height: 200px;\n }\n svg {\n width: 100%;\n height: 100%;\n display: block;\n }\n .chart-title {\n font-size: 14px;\n font-weight: 600;\n fill: #333;\n }\n .value-label {\n font-size: 12px;\n font-weight: 600;\n fill: #e53935;\n }\n .axis-label {\n font-size: 11px;\n fill: #999;\n }\n .score-label {\n font-size: 10px;\n fill: #666;\n font-weight: 500;\n }\n .progress-label {\n font-size: 10px;\n fill: #1565c0;\n font-weight: 600;\n }\n `\n\n private chartWidth = 0\n private chartHeight = 0\n private resizeObserver?: ResizeObserver\n\n render() {\n return html`\n <svg\n id=\"lookup-2d-chart\"\n width=${this.chartWidth}\n height=${this.chartHeight}\n viewBox=\"0 0 ${this.chartWidth} ${this.chartHeight}\"\n preserveAspectRatio=\"xMidYMid meet\"\n ></svg>\n `\n }\n\n connectedCallback() {\n super.connectedCallback()\n this.resizeObserver = new ResizeObserver(entries => {\n for (const entry of entries) {\n const rect = entry.contentRect\n this.chartWidth = rect.width\n this.chartHeight = rect.height\n this.requestUpdate()\n }\n })\n this.resizeObserver.observe(this)\n }\n\n disconnectedCallback() {\n this.resizeObserver?.disconnect()\n super.disconnectedCallback()\n }\n\n updated() {\n this.renderChart()\n }\n\n private renderChart() {\n const svg = d3.select(this.renderRoot.querySelector('#lookup-2d-chart'))\n svg.selectAll('*').remove()\n\n if (!this.grades || !this.grades.rows || this.grades.rows.length === 0) {\n this.drawEmptyState(svg)\n return\n }\n\n const w = this.chartWidth || 400\n const h = this.chartHeight || 250\n const margin = { top: 45, right: 30, bottom: 55, left: 65 }\n const plotW = w - margin.left - margin.right\n const plotH = h - margin.top - margin.bottom\n\n if (plotW <= 0 || plotH <= 0) return\n\n const g = svg.append('g').attr('transform', `translate(${margin.left},${margin.top})`)\n\n // 제목\n if (this.kpiName) {\n svg\n .append('text')\n .attr('class', 'chart-title')\n .attr('x', w / 2)\n .attr('y', 15)\n .attr('text-anchor', 'middle')\n .text(this.kpiName)\n }\n\n // 헤더 (현재 값, 점수)\n this.drawHeader(svg, w)\n\n // 차트 본체\n this.draw2DChart(g, plotW, plotH)\n }\n\n /**\n * 현재 공정률에서의 점수 계산\n */\n private getCurrentScore(): number | null {\n if (this.value === null || !this.grades?.rows) return null\n\n const progressIdx = Math.min(99, Math.max(0, Math.floor(this.progressRate)))\n const row = this.grades.rows.find(r => r.progressRate === progressIdx)\n if (!row) return null\n\n if (this.value < row.boundary5to4) return 5\n if (this.value < row.boundary4to3) return 4\n if (this.value < row.boundary3to2) return 3\n if (this.value < row.boundary2to1) return 2\n return 1\n }\n\n private drawHeader(svg: any, chartWidth: number) {\n const headerY = 32\n\n // 편차율(value) 표시\n if (this.value !== null) {\n svg\n .append('text')\n .attr('class', 'value-label')\n .attr('x', 10)\n .attr('y', headerY)\n .attr('font-size', '11px')\n .text(`편차율: ${(this.value * 100).toFixed(2)}%`)\n }\n\n // 공정률 표시\n svg\n .append('text')\n .attr('class', 'progress-label')\n .attr('x', chartWidth / 2)\n .attr('y', headerY)\n .attr('text-anchor', 'middle')\n .attr('font-size', '11px')\n .text(`공정률: ${this.progressRate.toFixed(0)}%`)\n\n // Score 표시\n const currentScore = this.getCurrentScore()\n if (currentScore !== null) {\n const normalized = currentScore / 5\n svg\n .append('text')\n .attr('class', 'value-label')\n .attr('x', chartWidth - 10)\n .attr('y', headerY)\n .attr('text-anchor', 'end')\n .attr('font-size', '11px')\n .text(`성과수준: ${normalized.toFixed(1)} (${currentScore}점)`)\n }\n }\n\n private draw2DChart(g: any, width: number, height: number) {\n const rows = this.grades!.rows\n\n // --- X축 범위 계산 (편차율) ---\n // 모든 공정률에서의 최소/최대 경계값\n const allBoundaries = rows.flatMap(r => [r.boundary5to4, r.boundary2to1])\n let xMin = Math.min(...allBoundaries)\n let xMax = Math.max(...allBoundaries)\n\n // 현재 value 포함\n if (this.value !== null) {\n xMin = Math.min(xMin, this.value)\n xMax = Math.max(xMax, this.value)\n }\n\n // 약간의 여백\n const xPadding = (xMax - xMin) * 0.08\n xMin -= xPadding\n xMax += xPadding\n\n const xScale = d3.scaleLinear().domain([xMin, xMax]).range([0, width])\n\n // --- Y축 (성과수준 0~1) ---\n const yScale = d3.scaleLinear().domain([0, 1.05]).range([height, 0])\n\n // --- 반투명 밴드: 모든 공정률에서의 경계 변동 범위 ---\n this.drawBands(g, rows, xScale, yScale, width)\n\n // --- 현재 공정률 기준 계단 함수 ---\n this.drawStepFunction(g, xScale, yScale, xMin, xMax)\n\n // --- 현재 위치 포인터 ---\n this.drawCurrentValuePointer(g, xScale, yScale)\n\n // --- 축 그리기 ---\n // Y축\n const yAxis = d3.axisLeft(yScale).tickValues([0, 0.2, 0.4, 0.6, 0.8, 1.0])\n g.append('g').call(yAxis)\n\n g.append('text')\n .attr('class', 'axis-label')\n .attr('transform', 'rotate(-90)')\n .attr('x', -height / 2)\n .attr('y', -50)\n .attr('text-anchor', 'middle')\n .attr('font-weight', 'bold')\n .text('성과수준')\n\n // X축\n const xAxis = d3\n .axisBottom(xScale)\n .ticks(8)\n .tickFormat((d: any) => `${(d * 100).toFixed(1)}%`)\n g.append('g').attr('transform', `translate(0,${height})`).call(xAxis)\n\n g.append('text')\n .attr('class', 'axis-label')\n .attr('x', width / 2)\n .attr('y', height + 42)\n .attr('text-anchor', 'middle')\n .text('편차율')\n\n // --- 점수 라벨 (우측) ---\n SCORE_LEVELS.forEach(level => {\n g.append('text')\n .attr('class', 'score-label')\n .attr('x', width + 5)\n .attr('y', yScale(level.normalized) + 4)\n .attr('fill', level.color)\n .text(level.label)\n })\n }\n\n /**\n * 반투명 밴드: 공정률 0~100% 전체에서 각 경계가 이동하는 범위\n */\n private drawBands(g: any, rows: Grade2DRow[], xScale: any, yScale: any, width: number) {\n // 각 점수 경계별로 min/max 범위 계산\n const b5to4_min = Math.min(...rows.map(r => r.boundary5to4))\n const b5to4_max = Math.max(...rows.map(r => r.boundary5to4))\n const b3to2_min = Math.min(...rows.map(r => r.boundary3to2))\n const b3to2_max = Math.max(...rows.map(r => r.boundary3to2))\n const b2to1_min = Math.min(...rows.map(r => r.boundary2to1))\n const b2to1_max = Math.max(...rows.map(r => r.boundary2to1))\n\n // 5점 영역 (맨 왼쪽)\n g.append('rect')\n .attr('x', 0)\n .attr('y', yScale(1.0))\n .attr('width', xScale(b5to4_max) - xScale(xScale.domain()[0]))\n .attr('height', yScale(0.8) - yScale(1.0))\n .attr('fill', SCORE_LEVELS[0].color)\n .attr('opacity', 0.06)\n\n // 4점 영역\n g.append('rect')\n .attr('x', xScale(b5to4_min))\n .attr('y', yScale(0.8))\n .attr('width', xScale(0) - xScale(b5to4_min))\n .attr('height', yScale(0.6) - yScale(0.8))\n .attr('fill', SCORE_LEVELS[1].color)\n .attr('opacity', 0.06)\n\n // 3점 영역\n g.append('rect')\n .attr('x', xScale(0))\n .attr('y', yScale(0.6))\n .attr('width', xScale(b3to2_max) - xScale(0))\n .attr('height', yScale(0.4) - yScale(0.6))\n .attr('fill', SCORE_LEVELS[2].color)\n .attr('opacity', 0.06)\n\n // 2점 영역\n g.append('rect')\n .attr('x', xScale(b3to2_min))\n .attr('y', yScale(0.4))\n .attr('width', xScale(b2to1_max) - xScale(b3to2_min))\n .attr('height', yScale(0.2) - yScale(0.4))\n .attr('fill', SCORE_LEVELS[3].color)\n .attr('opacity', 0.06)\n\n // 1점 영역 (맨 오른쪽)\n g.append('rect')\n .attr('x', xScale(b2to1_min))\n .attr('y', yScale(0.2))\n .attr('width', width - xScale(b2to1_min))\n .attr('height', yScale(0) - yScale(0.2))\n .attr('fill', SCORE_LEVELS[4].color)\n .attr('opacity', 0.06)\n\n // 경계 변동 범위를 수직 반투명 밴드로 표시\n const boundaryRanges = [\n { min: b5to4_min, max: b5to4_max, color: '#666' },\n { min: b3to2_min, max: b3to2_max, color: '#666' },\n { min: b2to1_min, max: b2to1_max, color: '#666' }\n ]\n\n boundaryRanges.forEach(br => {\n if (Math.abs(br.max - br.min) > 0.0001) {\n g.append('rect')\n .attr('x', xScale(br.min))\n .attr('y', 0)\n .attr('width', xScale(br.max) - xScale(br.min))\n .attr('height', yScale(0))\n .attr('fill', br.color)\n .attr('opacity', 0.05)\n }\n })\n }\n\n /**\n * 현재 공정률 기준 계단 함수 그리기\n */\n private drawStepFunction(g: any, xScale: any, yScale: any, xMin: number, xMax: number) {\n const progressIdx = Math.min(99, Math.max(0, Math.floor(this.progressRate)))\n const row = this.grades?.rows.find(r => r.progressRate === progressIdx)\n if (!row) return\n\n const boundaries = [\n { x: xMin, score: 1.0 }, // 5점 시작 (왼쪽 끝)\n { x: row.boundary5to4, score: 1.0 }, // 5점→4점 전환점\n { x: row.boundary5to4, score: 0.8 }, // 4점 시작\n { x: row.boundary4to3, score: 0.8 }, // 4점→3점 전환점\n { x: row.boundary4to3, score: 0.6 }, // 3점 시작\n { x: row.boundary3to2, score: 0.6 }, // 3점→2점 전환점\n { x: row.boundary3to2, score: 0.4 }, // 2점 시작\n { x: row.boundary2to1, score: 0.4 }, // 2점→1점 전환점\n { x: row.boundary2to1, score: 0.2 }, // 1점 시작\n { x: xMax, score: 0.2 } // 1점 끝 (오른쪽 끝)\n ]\n\n // 계단 함수 영역 채우기 (반투명)\n const areaData = [...boundaries]\n const areaBottom = [...boundaries].reverse().map(b => ({ x: b.x, score: 0 }))\n\n const area = d3\n .area<{ x: number; score: number }>()\n .x(d => xScale(d.x))\n .y0(yScale(0))\n .y1(d => yScale(d.score))\n\n g.append('path')\n .datum(boundaries)\n .attr('d', area)\n .attr('fill', '#1565c0')\n .attr('opacity', 0.1)\n\n // 계단 함수 라인\n const line = d3\n .line<{ x: number; score: number }>()\n .x(d => xScale(d.x))\n .y(d => yScale(d.score))\n\n g.append('path')\n .datum(boundaries)\n .attr('d', line)\n .attr('fill', 'none')\n .attr('stroke', '#1565c0')\n .attr('stroke-width', 2.5)\n\n // 경계 전환점에 수직 점선\n const verticalBoundaries = [row.boundary5to4, row.boundary4to3, row.boundary3to2, row.boundary2to1]\n const verticalScorePairs = [\n [1.0, 0.8],\n [0.8, 0.6],\n [0.6, 0.4],\n [0.4, 0.2]\n ]\n\n verticalBoundaries.forEach((bx, i) => {\n // 수직 점선 (X축까지)\n g.append('line')\n .attr('x1', xScale(bx))\n .attr('x2', xScale(bx))\n .attr('y1', yScale(verticalScorePairs[i][0]))\n .attr('y2', yScale(0))\n .attr('stroke', '#999')\n .attr('stroke-width', 0.8)\n .attr('stroke-dasharray', '3,3')\n\n // 경계값 라벨 (X축 아래)\n g.append('text')\n .attr('class', 'axis-label')\n .attr('x', xScale(bx))\n .attr('y', yScale(0) + 12)\n .attr('text-anchor', 'middle')\n .attr('font-size', '9px')\n .attr('fill', '#1565c0')\n .text(`${(bx * 100).toFixed(1)}%`)\n })\n }\n\n /**\n * 현재 프로젝트 위치 표시\n */\n private drawCurrentValuePointer(g: any, xScale: any, yScale: any) {\n if (this.value === null) return\n\n const currentScore = this.getCurrentScore()\n if (currentScore === null) return\n\n const normalizedScore = currentScore / 5\n const cx = xScale(this.value)\n const cy = yScale(normalizedScore)\n\n // 수평 가이드라인 (Y축까지)\n g.append('line')\n .attr('x1', 0)\n .attr('x2', cx)\n .attr('y1', cy)\n .attr('y2', cy)\n .attr('stroke', '#e53935')\n .attr('stroke-width', 1)\n .attr('stroke-dasharray', '4,3')\n .attr('opacity', 0.6)\n\n // 수직 가이드라인 (X축까지)\n g.append('line')\n .attr('x1', cx)\n .attr('x2', cx)\n .attr('y1', cy)\n .attr('y2', yScale(0))\n .attr('stroke', '#e53935')\n .attr('stroke-width', 1)\n .attr('stroke-dasharray', '4,3')\n .attr('opacity', 0.6)\n\n // 포인터 원\n g.append('circle')\n .attr('cx', cx)\n .attr('cy', cy)\n .attr('r', 7)\n .attr('fill', '#e53935')\n .attr('stroke', '#fff')\n .attr('stroke-width', 2.5)\n\n // 포인터 위에 값 라벨\n g.append('text')\n .attr('x', cx)\n .attr('y', cy - 14)\n .attr('text-anchor', 'middle')\n .attr('font-size', '11px')\n .attr('font-weight', '700')\n .attr('fill', '#e53935')\n .text(`${(this.value * 100).toFixed(2)}% → ${normalizedScore.toFixed(1)}`)\n }\n\n private drawEmptyState(svg: any) {\n svg\n .append('text')\n .attr('x', this.chartWidth / 2)\n .attr('y', this.chartHeight / 2)\n .attr('text-anchor', 'middle')\n .attr('fill', '#999')\n .attr('font-size', '14px')\n .text('No 2D grade data available')\n }\n}\n"]}
1
+ {"version":3,"file":"kpi-2d-lookup-chart.js","sourceRoot":"","sources":["../../client/components/kpi-2d-lookup-chart.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, css } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport * as d3 from 'd3'\n\n/**\n * X13 성과 분포 히트맵 (2D 룩업)\n *\n * 공정률(%)×공기편차(%) 2차원 입력에 대한 성과수준(1~5점) 분포를 히트맵으로 표시.\n * 현재 프로젝트의 위치를 강조 표시하여 성과 수준을 직관적으로 파악.\n *\n * X축: 공정률 (0~100%)\n * Y축: 공기편차 (%)\n * 색상: 성과수준 (5점=파랑 ~ 1점=빨강)\n * ● 현재 프로젝트 위치 (강조 표시)\n */\n\ninterface Grade2DRow {\n progressRate: number\n boundary5to4: number\n boundary4to3: number\n boundary3to2: number\n boundary2to1: number\n}\n\ninterface Grade2DLookup {\n type: 'PROGRESS_DEVIATION_LOOKUP'\n description?: string\n rows: Grade2DRow[]\n}\n\nconst SCORE_COLORS: Record<number, string> = {\n 5: '#1565c0',\n 4: '#4caf50',\n 3: '#ffc107',\n 2: '#ff9800',\n 1: '#e53935'\n}\n\nconst SCORE_LABELS: Record<number, string> = {\n 5: '5점 (우수)',\n 4: '4점 (양호)',\n 3: '3점 (보통)',\n 2: '2점 (미흡)',\n 1: '1점 (매우 미흡)'\n}\n\n@customElement('kpi-2d-lookup-chart')\nexport class Kpi2dLookupChart extends LitElement {\n @property({ type: Object }) grades: Grade2DLookup | null = null\n @property({ type: Number }) value: number | null = null\n @property({ type: Number }) progressRate: number = 50\n @property({ type: String }) unit: string = '%'\n @property({ type: String }) kpiName: string = ''\n\n static styles = css`\n :host {\n display: block;\n width: 100%;\n height: 100%;\n min-height: 200px;\n }\n svg {\n width: 100%;\n height: 100%;\n display: block;\n }\n `\n\n private chartWidth = 0\n private chartHeight = 0\n private resizeObserver?: ResizeObserver\n\n render() {\n return html`\n <svg\n id=\"lookup-2d-chart\"\n width=${this.chartWidth}\n height=${this.chartHeight}\n viewBox=\"0 0 ${this.chartWidth} ${this.chartHeight}\"\n preserveAspectRatio=\"xMidYMid meet\"\n ></svg>\n `\n }\n\n connectedCallback() {\n super.connectedCallback()\n this.resizeObserver = new ResizeObserver(entries => {\n for (const entry of entries) {\n const rect = entry.contentRect\n this.chartWidth = rect.width\n this.chartHeight = rect.height\n this.requestUpdate()\n }\n })\n this.resizeObserver.observe(this)\n }\n\n disconnectedCallback() {\n this.resizeObserver?.disconnect()\n super.disconnectedCallback()\n }\n\n updated() {\n this.renderChart()\n }\n\n private getScore(row: Grade2DRow, deviation: number): number {\n if (deviation < row.boundary5to4) return 5\n if (deviation < row.boundary4to3) return 4\n if (deviation < row.boundary3to2) return 3\n if (deviation < row.boundary2to1) return 2\n return 1\n }\n\n private getCurrentScore(): number | null {\n if (this.value === null || !this.grades?.rows) return null\n const idx = Math.min(99, Math.max(0, Math.floor(this.progressRate)))\n const row = this.grades.rows.find(r => r.progressRate === idx)\n return row ? this.getScore(row, this.value) : null\n }\n\n private renderChart() {\n const svg = d3.select(this.renderRoot.querySelector('#lookup-2d-chart'))\n svg.selectAll('*').remove()\n\n if (!this.grades?.rows?.length) {\n svg.append('text')\n .attr('x', this.chartWidth / 2).attr('y', this.chartHeight / 2)\n .attr('text-anchor', 'middle').attr('fill', '#999').attr('font-size', '14px')\n .text('No 2D grade data available')\n return\n }\n\n const w = this.chartWidth || 400\n const h = this.chartHeight || 250\n const margin = { top: 50, right: 80, bottom: 50, left: 60 }\n const plotW = w - margin.left - margin.right\n const plotH = h - margin.top - margin.bottom\n\n if (plotW <= 0 || plotH <= 0) return\n\n const g = svg.append('g').attr('transform', `translate(${margin.left},${margin.top})`)\n const rows = this.grades.rows\n\n // Y축 범위 (편차율)\n const allBoundaries = rows.flatMap(r => [r.boundary5to4, r.boundary4to3, r.boundary3to2, r.boundary2to1])\n let yMin = Math.min(...allBoundaries)\n let yMax = Math.max(...allBoundaries)\n if (this.value !== null) {\n yMin = Math.min(yMin, this.value)\n yMax = Math.max(yMax, this.value)\n }\n const yPad = (yMax - yMin) * 0.1 || 0.01\n yMin -= yPad\n yMax += yPad\n\n // X축: 공정률 0~100\n const xScale = d3.scaleLinear().domain([0, 100]).range([0, plotW])\n const yScale = d3.scaleLinear().domain([yMin, yMax]).range([plotH, 0])\n\n // 히트맵: 각 공정률(x) × 편차율(y) 셀의 점수를 색상으로\n const xSteps = rows.map(r => r.progressRate).sort((a, b) => a - b)\n const yStepCount = 50 // Y축 해상도\n const yStep = (yMax - yMin) / yStepCount\n const xCellW = plotW / Math.max(xSteps.length, 1)\n\n for (const row of rows) {\n const xi = xScale(row.progressRate)\n for (let j = 0; j < yStepCount; j++) {\n const dev = yMin + j * yStep\n const score = this.getScore(row, dev)\n g.append('rect')\n .attr('x', xi)\n .attr('y', yScale(dev + yStep))\n .attr('width', xCellW + 0.5) // 약간 겹쳐서 틈새 방지\n .attr('height', Math.abs(yScale(dev) - yScale(dev + yStep)) + 0.5)\n .attr('fill', SCORE_COLORS[score])\n .attr('opacity', 0.35)\n }\n }\n\n // 경계선: 현재 공정률에서의 점수 전환선\n const currentIdx = Math.min(99, Math.max(0, Math.floor(this.progressRate)))\n const currentRow = rows.find(r => r.progressRate === currentIdx)\n if (currentRow) {\n const boundaries = [currentRow.boundary5to4, currentRow.boundary4to3, currentRow.boundary3to2, currentRow.boundary2to1]\n boundaries.forEach(bdy => {\n g.append('line')\n .attr('x1', xScale(this.progressRate)).attr('x2', xScale(this.progressRate))\n .attr('y1', yScale(bdy) - 3).attr('y2', yScale(bdy) + 3)\n .attr('stroke', '#333').attr('stroke-width', 2)\n })\n }\n\n // 현재 공정률 수직선\n g.append('line')\n .attr('x1', xScale(this.progressRate)).attr('x2', xScale(this.progressRate))\n .attr('y1', 0).attr('y2', plotH)\n .attr('stroke', '#1565c0').attr('stroke-width', 1.5).attr('stroke-dasharray', '4,3')\n\n // 현재 위치 포인트\n if (this.value !== null) {\n g.append('circle')\n .attr('cx', xScale(this.progressRate))\n .attr('cy', yScale(this.value))\n .attr('r', 7)\n .attr('fill', '#e53935').attr('stroke', '#fff').attr('stroke-width', 2.5)\n\n // 현재 편차율 수평선\n g.append('line')\n .attr('x1', 0).attr('x2', xScale(this.progressRate))\n .attr('y1', yScale(this.value)).attr('y2', yScale(this.value))\n .attr('stroke', '#e53935').attr('stroke-width', 1).attr('stroke-dasharray', '3,3')\n }\n\n // 축\n g.append('g')\n .attr('transform', `translate(0,${plotH})`)\n .call(d3.axisBottom(xScale).ticks(10).tickFormat((d: any) => `${d}%`))\n .selectAll('text').attr('font-size', '10px')\n\n g.append('g')\n .call(d3.axisLeft(yScale).ticks(8))\n .selectAll('text').attr('font-size', '10px')\n\n // 축 라벨\n g.append('text')\n .attr('x', plotW / 2).attr('y', plotH + 38)\n .attr('text-anchor', 'middle').attr('font-size', '11px').attr('fill', '#666')\n .text('공정률 (%)')\n\n g.append('text')\n .attr('transform', 'rotate(-90)')\n .attr('x', -plotH / 2).attr('y', -45)\n .attr('text-anchor', 'middle').attr('font-size', '11px').attr('fill', '#666')\n .text('공기편차 (%)')\n\n // 범례\n const legendX = plotW + 15\n const legendY = 10\n ;[5, 4, 3, 2, 1].forEach((score, i) => {\n g.append('rect')\n .attr('x', legendX).attr('y', legendY + i * 22)\n .attr('width', 14).attr('height', 14)\n .attr('fill', SCORE_COLORS[score]).attr('opacity', 0.7).attr('rx', 2)\n\n g.append('text')\n .attr('x', legendX + 20).attr('y', legendY + i * 22 + 11)\n .attr('font-size', '10px').attr('fill', '#555')\n .text(`${score}점`)\n })\n\n // 헤더\n const currentScore = this.getCurrentScore()\n\n if (this.kpiName) {\n svg.append('text')\n .attr('x', w / 2).attr('y', 18)\n .attr('text-anchor', 'middle').attr('font-size', '13px').attr('font-weight', '600').attr('fill', '#333')\n .text(this.kpiName)\n }\n\n const headerY = 38\n if (this.value !== null) {\n svg.append('text')\n .attr('x', margin.left).attr('y', headerY)\n .attr('font-size', '11px').attr('font-weight', 'bold').attr('fill', '#e53935')\n .text(`편차율: ${(this.value * 100).toFixed(2)}%`)\n }\n\n svg.append('text')\n .attr('x', w / 2).attr('y', headerY)\n .attr('text-anchor', 'middle').attr('font-size', '11px').attr('font-weight', '600').attr('fill', '#1565c0')\n .text(`공정률: ${this.progressRate.toFixed(0)}%`)\n\n if (currentScore !== null) {\n svg.append('text')\n .attr('x', w - margin.right).attr('y', headerY)\n .attr('text-anchor', 'end').attr('font-size', '11px').attr('font-weight', 'bold').attr('fill', SCORE_COLORS[currentScore])\n .text(`${currentScore}점`)\n }\n }\n}\n"]}
@@ -107,32 +107,40 @@ let SvKpiBoxplotChart = class SvKpiBoxplotChart extends LitElement {
107
107
  const xAxis = g.append('g').attr('transform', `translate(0,${plotH})`).call(d3.axisBottom(x).tickSize(0));
108
108
  xAxis.select('.domain').attr('stroke', '#e0e0e0').attr('stroke-width', 1);
109
109
  xAxis.selectAll('.tick text').attr('fill', '#333').attr('font-size', '13px').attr('font-weight', '500').attr('dy', '1.5em');
110
+ // 툴팁 (전체 공유, forEach 밖)
111
+ const tooltip = svg.append('g').attr('class', 'boxplot-tooltip').attr('visibility', 'hidden');
112
+ tooltip.append('rect').attr('rx', 4).attr('ry', 4).attr('fill', 'rgba(33,33,33,0.9)');
113
+ tooltip.append('text').attr('fill', '#fff').attr('font-size', '10px');
114
+ const showTooltip = (evt, lines) => {
115
+ const tipText = tooltip.select('text');
116
+ tipText.selectAll('tspan').remove();
117
+ lines.forEach((line, i) => {
118
+ tipText.append('tspan').attr('x', 8).attr('dy', i === 0 ? 14 : 13).text(line);
119
+ });
120
+ const tipW = Math.max(...lines.map(l => l.length)) * 8 + 24;
121
+ const tipH = lines.length * 13 + 10;
122
+ const [mx, my] = d3.pointer(evt, svg.node());
123
+ const tx = Math.min(mx + 10, (this.chartWidth || 400) - tipW - 5);
124
+ const ty = Math.max(my - tipH - 5, 5);
125
+ tooltip.select('rect').attr('x', tx).attr('y', ty).attr('width', tipW).attr('height', tipH);
126
+ tipText.attr('transform', `translate(${tx},${ty})`);
127
+ tooltip.attr('visibility', 'visible').raise();
128
+ };
129
+ const hideTooltip = () => tooltip.attr('visibility', 'hidden');
110
130
  // 박스플롯 - 각 그룹별로 박스 생성
111
131
  groups.forEach(groupName => {
112
132
  var _a;
113
- // 해당 그룹의 데이터 찾기
114
133
  const groupData = this.data.find(d => this.getOrgValue(d) === groupName);
115
- console.log(`Searching for group: ${groupName}, found:`, groupData);
116
- if (!groupData) {
117
- console.warn(`No data found for group: ${groupName}. Available data:`, this.data.map(d => ({ org: d.org, keys: Object.keys(d) })));
134
+ if (!groupData)
118
135
  return;
119
- }
120
- // 필수 필드 검증
121
136
  const requiredFields = [this.minKey, this.maxKey, this.q1Key, this.q3Key, this.medianKey, this.meanKey];
122
- const missingFields = requiredFields.filter(field => groupData[field] == null);
123
- if (missingFields.length > 0) {
124
- console.warn(`Missing required fields for group ${groupName}:`, missingFields);
125
- console.log('Group data:', groupData);
137
+ if (requiredFields.some(field => groupData[field] == null))
126
138
  return;
127
- }
128
139
  const gx = (_a = x(groupName)) !== null && _a !== void 0 ? _a : 0;
129
- console.log(`Drawing box for ${groupName} at x=${gx}, bandwidth=${x.bandwidth()}`);
130
- // 독립 스케일 사용 시 해당 그룹의 스케일 찾기
131
140
  let currentY = y;
132
141
  if (this.independentScale) {
133
142
  currentY = d3.scaleLinear().domain([0, 100]).range([plotH, 0]);
134
143
  }
135
- // 수염은 단순히 실제 min/max
136
144
  const actualMin = groupData[this.minKey];
137
145
  const actualMax = groupData[this.maxKey];
138
146
  // 박스
@@ -144,7 +152,18 @@ let SvKpiBoxplotChart = class SvKpiBoxplotChart extends LitElement {
144
152
  .attr('fill', '#B3D4FC')
145
153
  .attr('opacity', 0.8)
146
154
  .attr('stroke', '#7BB3F0')
147
- .attr('stroke-width', 1);
155
+ .attr('stroke-width', 1)
156
+ .style('cursor', 'pointer')
157
+ .on('mouseenter', (evt) => showTooltip(evt, [
158
+ groupName,
159
+ `최대: ${Number(groupData[this.maxKey]).toFixed(2)}`,
160
+ `Q3: ${Number(groupData[this.q3Key]).toFixed(2)}`,
161
+ `중앙값: ${Number(groupData[this.medianKey]).toFixed(2)}`,
162
+ `Q1: ${Number(groupData[this.q1Key]).toFixed(2)}`,
163
+ `최소: ${Number(groupData[this.minKey]).toFixed(2)}`,
164
+ `평균: ${Number(groupData[this.meanKey]).toFixed(2)}`
165
+ ]))
166
+ .on('mouseleave', hideTooltip);
148
167
  // 중앙선(중앙값)
149
168
  g.append('line')
150
169
  .attr('x1', gx)
@@ -183,19 +202,31 @@ let SvKpiBoxplotChart = class SvKpiBoxplotChart extends LitElement {
183
202
  .attr('r', 3)
184
203
  .attr('fill', '#4CAF50')
185
204
  .attr('stroke', '#fff')
186
- .attr('stroke-width', 1);
205
+ .attr('stroke-width', 1)
206
+ .style('cursor', 'pointer')
207
+ .on('mouseenter', (evt) => showTooltip(evt, [
208
+ `${groupName} — 평균`,
209
+ `${Number(groupData[this.meanKey]).toFixed(2)}`
210
+ ]))
211
+ .on('mouseleave', hideTooltip);
187
212
  // 현재 프로젝트 값 (아웃라이어면 빨간색, 정상이면 오렌지색)
188
213
  if (groupData[this.valueKey] != null) {
189
214
  const currentValue = groupData[this.valueKey];
190
- // 단순하게: 현재 값이 min/max 범위를 벗어나면 아웃라이어
191
215
  const isOutlier = currentValue < groupData[this.minKey] || currentValue > groupData[this.maxKey];
192
216
  g.append('circle')
193
217
  .attr('cx', gx + x.bandwidth() / 2)
194
218
  .attr('cy', currentY(currentValue))
195
- .attr('r', 3) // 현재 프로젝트 값은 조금 더 크게
196
- .attr('fill', isOutlier ? '#ff4444' : '#ff9800') // 아웃라이어면 빨간색, 정상이면 오렌지색
219
+ .attr('r', 3)
220
+ .attr('fill', isOutlier ? '#ff4444' : '#ff9800')
197
221
  .attr('stroke', '#fff')
198
- .attr('stroke-width', 1);
222
+ .attr('stroke-width', 1)
223
+ .style('cursor', 'pointer')
224
+ .on('mouseenter', (evt) => showTooltip(evt, [
225
+ `${groupName} — 현재 프로젝트`,
226
+ `값: ${Number(currentValue).toFixed(2)}`,
227
+ isOutlier ? '⚠ 이상치' : '정상 범위'
228
+ ]))
229
+ .on('mouseleave', hideTooltip);
199
230
  }
200
231
  });
201
232
  // 현재 그룹 값 강조는 이미 위에서 처리되므로 제거
@@ -1 +1 @@
1
- {"version":3,"file":"kpi-boxplot-chart.js","sourceRoot":"","sources":["../../client/components/kpi-boxplot-chart.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, css } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport * as d3 from 'd3'\n\n@customElement('sv-kpi-boxplot-chart')\nexport class SvKpiBoxplotChart extends LitElement {\n @property({ type: Array }) data: any[] = []\n @property({ type: Array }) groups: string[] = [] // 조직 단위 목록 (빈 배열이면 데이터에서 자동 추출)\n @property({ type: String }) minKey: string = 'min'\n @property({ type: String }) maxKey: string = 'max'\n @property({ type: String }) meanKey: string = 'mean'\n @property({ type: String }) medianKey: string = 'median'\n @property({ type: String }) q1Key: string = 'q1'\n @property({ type: String }) q3Key: string = 'q3'\n @property({ type: String }) valueKey: string = 'value'\n @property({ type: String }) currentGroup: string = ''\n @property({ type: Boolean }) independentScale: boolean = false\n\n static styles = css`\n :host {\n display: block;\n width: 100%;\n height: 100%;\n }\n svg {\n width: 100%;\n height: 100%;\n display: block;\n }\n `\n\n private chartWidth = 0\n private chartHeight = 0\n private resizeObserver?: ResizeObserver\n\n render() {\n return html`<svg\n id=\"boxplot\"\n width=${this.chartWidth}\n height=${this.chartHeight}\n viewBox=\"0 0 ${this.chartWidth} ${this.chartHeight}\"\n preserveAspectRatio=\"xMidYMid meet\"\n ></svg>`\n }\n\n connectedCallback() {\n super.connectedCallback()\n this.resizeObserver = new ResizeObserver(entries => {\n for (const entry of entries) {\n const rect = entry.contentRect\n this.chartWidth = rect.width\n this.chartHeight = rect.height\n this.requestUpdate()\n }\n })\n this.resizeObserver.observe(this)\n }\n\n disconnectedCallback() {\n this.resizeObserver?.disconnect()\n super.disconnectedCallback()\n }\n\n updated() {\n this.drawBoxplot()\n }\n\n private getOrgValue = (d: any) => d.org || d.group\n\n drawBoxplot() {\n const svg = d3.select(this.renderRoot.querySelector('#boxplot'))\n svg.selectAll('*').remove()\n\n // 데이터 검증\n if (!this.data || this.data.length === 0) {\n return\n }\n const w = this.chartWidth || 300\n const h = this.chartHeight || 300\n const margin = {\n top: 20,\n right: 20,\n bottom: 40,\n left: this.independentScale ? 20 : 40\n }\n const plotW = w - margin.left - margin.right\n const plotH = h - margin.top - margin.bottom\n\n // x축: 조직 단위 (그룹) - org 또는 group 필드 지원\n const groups =\n this.groups.length > 0 ? this.groups : [...new Set(this.data.map(d => this.getOrgValue(d)).filter(org => org != null))]\n if (groups.length === 0) {\n console.warn('No valid groups found in data:', this.data)\n return // 유효한 그룹이 없으면 차트를 그리지 않음\n }\n\n console.log('Boxplot groups:', groups)\n console.log(\n 'Data org values:',\n this.data.map(d => this.getOrgValue(d))\n )\n console.log('Full data:', this.data)\n console.log('Chart dimensions:', { w, h, plotW, plotH })\n\n const x = d3.scaleBand().domain(groups).range([0, plotW]).padding(0.4)\n\n // y축 스케일 설정\n let y: d3.ScaleLinear<number, number>\n\n if (this.independentScale) {\n // 독립 스케일: 각 시리즈별로 개별 스케일 생성 (모두 0-100 범위로 통일)\n const yScales = this.data.map(d => {\n return {\n org: d.org,\n scale: d3.scaleLinear().domain([0, 100]).range([plotH, 0])\n }\n })\n\n // 기본 y축은 첫 번째 스케일 사용\n y = yScales[0]?.scale || d3.scaleLinear().domain([0, 100]).range([plotH, 0])\n } else {\n // 통합 스케일: 0-100 범위로 고정\n y = d3.scaleLinear().domain([0, 100]).range([plotH, 0])\n }\n\n const g = svg.attr('width', w).attr('height', h).append('g').attr('transform', `translate(${margin.left},${margin.top})`)\n\n // Y축 (왼쪽)\n if (!this.independentScale) {\n const yAxis = g.append('g').call(d3.axisLeft(y).tickSize(-plotW))\n yAxis.select('.domain').remove()\n yAxis.selectAll('.tick line').attr('stroke', '#e0e0e0').attr('stroke-width', 1).attr('opacity', 0.7)\n yAxis.selectAll('.tick text').attr('fill', '#666').attr('font-size', '12px')\n }\n\n // X축 (아래쪽)\n const xAxis = g.append('g').attr('transform', `translate(0,${plotH})`).call(d3.axisBottom(x).tickSize(0))\n xAxis.select('.domain').attr('stroke', '#e0e0e0').attr('stroke-width', 1)\n xAxis.selectAll('.tick text').attr('fill', '#333').attr('font-size', '13px').attr('font-weight', '500').attr('dy', '1.5em')\n\n // 박스플롯 - 각 그룹별로 박스 생성\n groups.forEach(groupName => {\n // 해당 그룹의 데이터 찾기\n const groupData = this.data.find(d => this.getOrgValue(d) === groupName)\n console.log(`Searching for group: ${groupName}, found:`, groupData)\n if (!groupData) {\n console.warn(\n `No data found for group: ${groupName}. Available data:`,\n this.data.map(d => ({ org: d.org, keys: Object.keys(d) }))\n )\n return\n }\n\n // 필수 필드 검증\n const requiredFields = [this.minKey, this.maxKey, this.q1Key, this.q3Key, this.medianKey, this.meanKey]\n const missingFields = requiredFields.filter(field => groupData[field] == null)\n if (missingFields.length > 0) {\n console.warn(`Missing required fields for group ${groupName}:`, missingFields)\n console.log('Group data:', groupData)\n return\n }\n\n const gx = x(groupName) ?? 0\n console.log(`Drawing box for ${groupName} at x=${gx}, bandwidth=${x.bandwidth()}`)\n\n // 독립 스케일 사용 시 해당 그룹의 스케일 찾기\n let currentY = y\n if (this.independentScale) {\n currentY = d3.scaleLinear().domain([0, 100]).range([plotH, 0])\n }\n\n // 수염은 단순히 실제 min/max\n const actualMin = groupData[this.minKey]\n const actualMax = groupData[this.maxKey]\n\n // 박스\n g.append('rect')\n .attr('x', gx)\n .attr('y', currentY(groupData[this.q3Key]))\n .attr('width', x.bandwidth())\n .attr('height', currentY(groupData[this.q1Key]) - currentY(groupData[this.q3Key]))\n .attr('fill', '#B3D4FC')\n .attr('opacity', 0.8)\n .attr('stroke', '#7BB3F0')\n .attr('stroke-width', 1)\n\n // 중앙선(중앙값)\n g.append('line')\n .attr('x1', gx)\n .attr('x2', gx + x.bandwidth())\n .attr('y1', currentY(groupData[this.medianKey]))\n .attr('y2', currentY(groupData[this.medianKey]))\n .attr('stroke', '#7BB3F0')\n .attr('stroke-width', 1.5)\n\n // 수염 (fence 내부의 min-max)\n g.append('line')\n .attr('x1', gx + x.bandwidth() / 2)\n .attr('x2', gx + x.bandwidth() / 2)\n .attr('y1', currentY(actualMin))\n .attr('y2', currentY(actualMax))\n .attr('stroke', '#7BB3F0')\n .attr('stroke-width', 1)\n\n // min/max 선 (fence 내부)\n g.append('line')\n .attr('x1', gx + x.bandwidth() / 4)\n .attr('x2', gx + (x.bandwidth() * 3) / 4)\n .attr('y1', currentY(actualMin))\n .attr('y2', currentY(actualMin))\n .attr('stroke', '#7BB3F0')\n .attr('stroke-width', 1)\n g.append('line')\n .attr('x1', gx + x.bandwidth() / 4)\n .attr('x2', gx + (x.bandwidth() * 3) / 4)\n .attr('y1', currentY(actualMax))\n .attr('y2', currentY(actualMax))\n .attr('stroke', '#7BB3F0')\n .attr('stroke-width', 1)\n\n // 평균값 (녹색)\n g.append('circle')\n .attr('cx', gx + x.bandwidth() / 2)\n .attr('cy', currentY(groupData[this.meanKey]))\n .attr('r', 3)\n .attr('fill', '#4CAF50')\n .attr('stroke', '#fff')\n .attr('stroke-width', 1)\n\n // 현재 프로젝트 값 (아웃라이어면 빨간색, 정상이면 오렌지색)\n if (groupData[this.valueKey] != null) {\n const currentValue = groupData[this.valueKey]\n // 단순하게: 현재 값이 min/max 범위를 벗어나면 아웃라이어\n const isOutlier = currentValue < groupData[this.minKey] || currentValue > groupData[this.maxKey]\n\n g.append('circle')\n .attr('cx', gx + x.bandwidth() / 2)\n .attr('cy', currentY(currentValue))\n .attr('r', 3) // 현재 프로젝트 값은 조금 더 크게\n .attr('fill', isOutlier ? '#ff4444' : '#ff9800') // 아웃라이어면 빨간색, 정상이면 오렌지색\n .attr('stroke', '#fff')\n .attr('stroke-width', 1)\n }\n })\n // 현재 그룹 값 강조는 이미 위에서 처리되므로 제거\n }\n}\n"]}
1
+ {"version":3,"file":"kpi-boxplot-chart.js","sourceRoot":"","sources":["../../client/components/kpi-boxplot-chart.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, css } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport * as d3 from 'd3'\n\n@customElement('sv-kpi-boxplot-chart')\nexport class SvKpiBoxplotChart extends LitElement {\n @property({ type: Array }) data: any[] = []\n @property({ type: Array }) groups: string[] = [] // 조직 단위 목록 (빈 배열이면 데이터에서 자동 추출)\n @property({ type: String }) minKey: string = 'min'\n @property({ type: String }) maxKey: string = 'max'\n @property({ type: String }) meanKey: string = 'mean'\n @property({ type: String }) medianKey: string = 'median'\n @property({ type: String }) q1Key: string = 'q1'\n @property({ type: String }) q3Key: string = 'q3'\n @property({ type: String }) valueKey: string = 'value'\n @property({ type: String }) currentGroup: string = ''\n @property({ type: Boolean }) independentScale: boolean = false\n\n static styles = css`\n :host {\n display: block;\n width: 100%;\n height: 100%;\n }\n svg {\n width: 100%;\n height: 100%;\n display: block;\n }\n `\n\n private chartWidth = 0\n private chartHeight = 0\n private resizeObserver?: ResizeObserver\n\n render() {\n return html`<svg\n id=\"boxplot\"\n width=${this.chartWidth}\n height=${this.chartHeight}\n viewBox=\"0 0 ${this.chartWidth} ${this.chartHeight}\"\n preserveAspectRatio=\"xMidYMid meet\"\n ></svg>`\n }\n\n connectedCallback() {\n super.connectedCallback()\n this.resizeObserver = new ResizeObserver(entries => {\n for (const entry of entries) {\n const rect = entry.contentRect\n this.chartWidth = rect.width\n this.chartHeight = rect.height\n this.requestUpdate()\n }\n })\n this.resizeObserver.observe(this)\n }\n\n disconnectedCallback() {\n this.resizeObserver?.disconnect()\n super.disconnectedCallback()\n }\n\n updated() {\n this.drawBoxplot()\n }\n\n private getOrgValue = (d: any) => d.org || d.group\n\n drawBoxplot() {\n const svg = d3.select(this.renderRoot.querySelector('#boxplot'))\n svg.selectAll('*').remove()\n\n // 데이터 검증\n if (!this.data || this.data.length === 0) {\n return\n }\n const w = this.chartWidth || 300\n const h = this.chartHeight || 300\n const margin = {\n top: 20,\n right: 20,\n bottom: 40,\n left: this.independentScale ? 20 : 40\n }\n const plotW = w - margin.left - margin.right\n const plotH = h - margin.top - margin.bottom\n\n // x축: 조직 단위 (그룹) - org 또는 group 필드 지원\n const groups =\n this.groups.length > 0 ? this.groups : [...new Set(this.data.map(d => this.getOrgValue(d)).filter(org => org != null))]\n if (groups.length === 0) {\n console.warn('No valid groups found in data:', this.data)\n return // 유효한 그룹이 없으면 차트를 그리지 않음\n }\n\n console.log('Boxplot groups:', groups)\n console.log(\n 'Data org values:',\n this.data.map(d => this.getOrgValue(d))\n )\n console.log('Full data:', this.data)\n console.log('Chart dimensions:', { w, h, plotW, plotH })\n\n const x = d3.scaleBand().domain(groups).range([0, plotW]).padding(0.4)\n\n // y축 스케일 설정\n let y: d3.ScaleLinear<number, number>\n\n if (this.independentScale) {\n // 독립 스케일: 각 시리즈별로 개별 스케일 생성 (모두 0-100 범위로 통일)\n const yScales = this.data.map(d => {\n return {\n org: d.org,\n scale: d3.scaleLinear().domain([0, 100]).range([plotH, 0])\n }\n })\n\n // 기본 y축은 첫 번째 스케일 사용\n y = yScales[0]?.scale || d3.scaleLinear().domain([0, 100]).range([plotH, 0])\n } else {\n // 통합 스케일: 0-100 범위로 고정\n y = d3.scaleLinear().domain([0, 100]).range([plotH, 0])\n }\n\n const g = svg.attr('width', w).attr('height', h).append('g').attr('transform', `translate(${margin.left},${margin.top})`)\n\n // Y축 (왼쪽)\n if (!this.independentScale) {\n const yAxis = g.append('g').call(d3.axisLeft(y).tickSize(-plotW))\n yAxis.select('.domain').remove()\n yAxis.selectAll('.tick line').attr('stroke', '#e0e0e0').attr('stroke-width', 1).attr('opacity', 0.7)\n yAxis.selectAll('.tick text').attr('fill', '#666').attr('font-size', '12px')\n }\n\n // X축 (아래쪽)\n const xAxis = g.append('g').attr('transform', `translate(0,${plotH})`).call(d3.axisBottom(x).tickSize(0))\n xAxis.select('.domain').attr('stroke', '#e0e0e0').attr('stroke-width', 1)\n xAxis.selectAll('.tick text').attr('fill', '#333').attr('font-size', '13px').attr('font-weight', '500').attr('dy', '1.5em')\n\n // 툴팁 (전체 공유, forEach 밖)\n const tooltip = svg.append('g').attr('class', 'boxplot-tooltip').attr('visibility', 'hidden')\n tooltip.append('rect').attr('rx', 4).attr('ry', 4).attr('fill', 'rgba(33,33,33,0.9)')\n tooltip.append('text').attr('fill', '#fff').attr('font-size', '10px')\n\n const showTooltip = (evt: MouseEvent, lines: string[]) => {\n const tipText = tooltip.select('text')\n tipText.selectAll('tspan').remove()\n lines.forEach((line, i) => {\n tipText.append('tspan').attr('x', 8).attr('dy', i === 0 ? 14 : 13).text(line)\n })\n const tipW = Math.max(...lines.map(l => l.length)) * 8 + 24\n const tipH = lines.length * 13 + 10\n const [mx, my] = d3.pointer(evt, svg.node())\n const tx = Math.min(mx + 10, (this.chartWidth || 400) - tipW - 5)\n const ty = Math.max(my - tipH - 5, 5)\n tooltip.select('rect').attr('x', tx).attr('y', ty).attr('width', tipW).attr('height', tipH)\n tipText.attr('transform', `translate(${tx},${ty})`)\n tooltip.attr('visibility', 'visible').raise()\n }\n const hideTooltip = () => tooltip.attr('visibility', 'hidden')\n\n // 박스플롯 - 각 그룹별로 박스 생성\n groups.forEach(groupName => {\n const groupData = this.data.find(d => this.getOrgValue(d) === groupName)\n if (!groupData) return\n\n const requiredFields = [this.minKey, this.maxKey, this.q1Key, this.q3Key, this.medianKey, this.meanKey]\n if (requiredFields.some(field => groupData[field] == null)) return\n\n const gx = x(groupName) ?? 0\n\n let currentY = y\n if (this.independentScale) {\n currentY = d3.scaleLinear().domain([0, 100]).range([plotH, 0])\n }\n\n const actualMin = groupData[this.minKey]\n const actualMax = groupData[this.maxKey]\n\n // 박스\n g.append('rect')\n .attr('x', gx)\n .attr('y', currentY(groupData[this.q3Key]))\n .attr('width', x.bandwidth())\n .attr('height', currentY(groupData[this.q1Key]) - currentY(groupData[this.q3Key]))\n .attr('fill', '#B3D4FC')\n .attr('opacity', 0.8)\n .attr('stroke', '#7BB3F0')\n .attr('stroke-width', 1)\n .style('cursor', 'pointer')\n .on('mouseenter', (evt: MouseEvent) => showTooltip(evt, [\n groupName,\n `최대: ${Number(groupData[this.maxKey]).toFixed(2)}`,\n `Q3: ${Number(groupData[this.q3Key]).toFixed(2)}`,\n `중앙값: ${Number(groupData[this.medianKey]).toFixed(2)}`,\n `Q1: ${Number(groupData[this.q1Key]).toFixed(2)}`,\n `최소: ${Number(groupData[this.minKey]).toFixed(2)}`,\n `평균: ${Number(groupData[this.meanKey]).toFixed(2)}`\n ]))\n .on('mouseleave', hideTooltip)\n\n // 중앙선(중앙값)\n g.append('line')\n .attr('x1', gx)\n .attr('x2', gx + x.bandwidth())\n .attr('y1', currentY(groupData[this.medianKey]))\n .attr('y2', currentY(groupData[this.medianKey]))\n .attr('stroke', '#7BB3F0')\n .attr('stroke-width', 1.5)\n\n // 수염 (fence 내부의 min-max)\n g.append('line')\n .attr('x1', gx + x.bandwidth() / 2)\n .attr('x2', gx + x.bandwidth() / 2)\n .attr('y1', currentY(actualMin))\n .attr('y2', currentY(actualMax))\n .attr('stroke', '#7BB3F0')\n .attr('stroke-width', 1)\n\n // min/max 선 (fence 내부)\n g.append('line')\n .attr('x1', gx + x.bandwidth() / 4)\n .attr('x2', gx + (x.bandwidth() * 3) / 4)\n .attr('y1', currentY(actualMin))\n .attr('y2', currentY(actualMin))\n .attr('stroke', '#7BB3F0')\n .attr('stroke-width', 1)\n g.append('line')\n .attr('x1', gx + x.bandwidth() / 4)\n .attr('x2', gx + (x.bandwidth() * 3) / 4)\n .attr('y1', currentY(actualMax))\n .attr('y2', currentY(actualMax))\n .attr('stroke', '#7BB3F0')\n .attr('stroke-width', 1)\n\n // 평균값 (녹색)\n g.append('circle')\n .attr('cx', gx + x.bandwidth() / 2)\n .attr('cy', currentY(groupData[this.meanKey]))\n .attr('r', 3)\n .attr('fill', '#4CAF50')\n .attr('stroke', '#fff')\n .attr('stroke-width', 1)\n .style('cursor', 'pointer')\n .on('mouseenter', (evt: MouseEvent) => showTooltip(evt, [\n `${groupName} — 평균`,\n `${Number(groupData[this.meanKey]).toFixed(2)}`\n ]))\n .on('mouseleave', hideTooltip)\n\n // 현재 프로젝트 값 (아웃라이어면 빨간색, 정상이면 오렌지색)\n if (groupData[this.valueKey] != null) {\n const currentValue = groupData[this.valueKey]\n const isOutlier = currentValue < groupData[this.minKey] || currentValue > groupData[this.maxKey]\n\n g.append('circle')\n .attr('cx', gx + x.bandwidth() / 2)\n .attr('cy', currentY(currentValue))\n .attr('r', 3)\n .attr('fill', isOutlier ? '#ff4444' : '#ff9800')\n .attr('stroke', '#fff')\n .attr('stroke-width', 1)\n .style('cursor', 'pointer')\n .on('mouseenter', (evt: MouseEvent) => showTooltip(evt, [\n `${groupName} — 현재 프로젝트`,\n `값: ${Number(currentValue).toFixed(2)}`,\n isOutlier ? '⚠ 이상치' : '정상 범위'\n ]))\n .on('mouseleave', hideTooltip)\n }\n })\n // 현재 그룹 값 강조는 이미 위에서 처리되므로 제거\n }\n}\n"]}
@@ -1,4 +1,11 @@
1
1
  import { LitElement } from 'lit';
2
+ /**
3
+ * KPI 성과 분포 차트 컴포넌트
4
+ *
5
+ * - 0~1 스케일 KPI: 성과 분포 곡선 (grade table 기반 value→score 매핑 커브)
6
+ * 현재 프로젝트 위치를 곡선 위에 강조 표시
7
+ * - 1~5 평가형 KPI: 5단계 세그먼트 게이지 (배점 기준 디지털화)
8
+ */
2
9
  interface Grade {
3
10
  name: string;
4
11
  minValue: number;
@@ -20,10 +27,14 @@ export declare class KpiLookupChart extends LitElement {
20
27
  connectedCallback(): void;
21
28
  disconnectedCallback(): void;
22
29
  updated(): void;
30
+ /** 1~5 평가형 KPI인지 판별 (grades 없거나, value가 1~5 정수) */
31
+ private isAssessmentKpi;
23
32
  private renderChart;
24
- private drawHeader;
25
- private drawChart;
26
- private drawEmptyState;
27
- private getDefaultColor;
33
+ /** 1~5 평가형 KPI: 5단계 세그먼트 바 */
34
+ private renderAssessmentGauge;
35
+ /** grades에서 중간값(x) → score 포인트 배열 생성 */
36
+ private buildMidpoints;
37
+ /** 포인트 배열에서 value에 대한 score를 선형 보간 */
38
+ private interpolateScore;
28
39
  }
29
40
  export {};