카테고리 없음
사업용 자산 투자 시장 동향: 취득원가 심층 분석
cocomo01
2025. 5. 23. 00:20
반응형
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>사업용 자산 투자 시장 동향: 취득원가 심층 분석</title>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;700&display=swap" rel="stylesheet">
<!--
Infographic Narrative Plan:
Title: 사업용 자산 투자 시장 동향: 취득원가 심층 분석 (Business Asset Investment Market Trends: An In-depth Analysis of Acquisition Costs)
Introduction: "사업용 자산의 '취득원가'는 단순한 회계 수치를 넘어, 투자 결정과 시장 가치를 좌우하는 핵심 지표입니다..."
Section 1: 자산 취득원가 시장의 기본 구조 (Basic Structure of the Asset Acquisition Cost Market)
- "시장 가치 평가의 기초" - Big Number ("평균 자산 취득원가 구성비율 100%")
- "핵심 투자 비용 요소" - Donut Chart (매입가액 70%, 직접 부대비용 20%, 기타 자본화 비용 10%)
Section 2: 주요 자산 유형별 투자 동향 (Investment Trends by Key Asset Type)
- 부동산: "부동산 투자 시장 동향" - Bar chart (토지 vs. 건물 투자 비중 변화)
- 기계장치/설비: "제조업 혁신과 설비 투자" - Line chart (스마트 팩토리 설비 투자 증가율)
- 차량운반구: "물류 시장과 차량 투자" - Pictograph (친환경 상용차 도입 비율)
- 무형자산: "지식 경제와 무형자산 가치" - Stacked Bar Chart (R&D, 브랜드, 특허 비중)
Section 3: 자산 가치 변동 요인 및 시장 전망 (Asset Value Fluctuation Factors & Market Outlook)
- "자산 가치 상승 동인" - HTML Cards (기술 혁신, 시설 현대화 등)
- "자산 가치 하락 리스크 관리" - HTML/CSS Flow Chart (리스크 식별 -> 관리)
Section 4: 데이터 기반 자산 관리 전략 (Data-Driven Asset Management Strategy)
- "정확한 데이터의 중요성" - Callout ("데이터 기반 의사결정 기업 수익성 15% 향상")
- "효율적 자산 포트폴리오 관리" - List
Conclusion: "미래 가치를 높이는 현명한 자산 투자..."
-->
<!--
Visualization Choices (All using Chart.js with Canvas rendering or HTML/CSS; NO SVG, NO MERMAID JS):
1. 시장 가치 평가의 기초 (시장 구조):
- Data: Illustrative "100%"
- Goal: Inform
- Chosen Visualization: Single Big Number (HTML/CSS)
- Justification: Highlights a key concept.
- Method: HTML/CSS
2. 핵심 투자 비용 요소 (시장 구조):
- Data: 매입가액 70%, 직접 부대비용 20%, 기타 자본화 비용 10%
- Goal: Compare (Composition)
- Chosen Visualization: Donut Chart (Chart.js)
- Justification: Shows parts of a whole for cost components.
- Method: Chart.js (Canvas)
3. 부동산 투자 시장 동향 (자산 유형별 동향):
- Data: 토지 vs. 건물 투자 비중 (2022, 2023, 2024년 예시)
- Goal: Compare/Change
- Chosen Visualization: Bar Chart (Chart.js)
- Justification: Compares categories over time.
- Method: Chart.js (Canvas)
4. 제조업 혁신과 설비 투자 (자산 유형별 동향):
- Data: 스마트 팩토리 설비 투자 증가율 (2021-2024년 예시)
- Goal: Change
- Chosen Visualization: Line Chart (Chart.js)
- Justification: Shows trend over time.
- Method: Chart.js (Canvas)
5. 물류 시장과 차량 투자 (자산 유형별 동향):
- Data: 친환경 상용차 도입 비율 (예시)
- Goal: Inform
- Chosen Visualization: Pictograph using Unicode characters (HTML/CSS)
- Justification: Visually represents a proportion.
- Method: HTML/CSS (Unicode)
6. 지식 경제와 무형자산 가치 (자산 유형별 동향):
- Data: R&D, 브랜드, 특허 투자 비중 (2022, 2023, 2024년 예시)
- Goal: Compare (Composition)
- Chosen Visualization: Stacked Bar Chart (Chart.js)
- Justification: Shows composition changes over time.
- Method: Chart.js (Canvas)
7. 자산 가치 상승 동인 (가치 변동):
- Data: 기술 혁신, 시설 현대화 등
- Goal: Organize/Inform
- Chosen Visualization: Styled HTML Cards (HTML/CSS)
- Method: HTML/CSS
8. 자산 가치 하락 리스크 관리 (가치 변동):
- Data: 리스크 식별 -> 예방 투자 -> 보험 -> 회계 처리
- Goal: Organize (Process)
- Chosen Visualization: Flow Chart (HTML/CSS)
- Method: HTML/CSS
9. 정확한 데이터의 중요성 (자산 관리):
- Data: "데이터 기반 의사결정 기업 수익성 15% 향상"
- Goal: Inform
- Chosen Visualization: Single Big Number (HTML/CSS Callout)
- Method: HTML/CSS
10. 효율적 자산 포트폴리오 관리 (자산 관리):
- Data: List of best practices
- Goal: Organize
- Chosen Visualization: List (HTML/CSS)
- Method: HTML/CSS
CONFIRMATION: NO Mermaid JS was used. NO SVG graphics were used. All charts are Chart.js (Canvas). Diagrams are HTML/CSS.
-->
<style>
body {
font-family: 'Noto Sans KR', sans-serif;
background-color: #F5F5F5; /* Light Gray */
color: #333333; /* Dark Text */
}
.chart-container {
position: relative;
width: 100%;
max-width: 600px;
margin-left: auto;
margin-right: auto;
height: 300px;
max-height: 400px;
}
@media (min-width: 768px) { /* md breakpoint */
.chart-container {
height: 350px;
}
}
.card {
background-color: white;
border-radius: 0.5rem; /* rounded-lg */
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); /* shadow-md */
padding: 1.5rem; /* p-6 */
margin-bottom: 1.5rem; /* mb-6 */
}
.primary-bg { background-color: #FF8C00; /* Orange */ }
.secondary-bg { background-color: #008080; /* Teal */ }
.accent1-bg { background-color: #FFD700; /* Yellow */ }
.accent2-bg { background-color: #800080; /* Purple */ }
.primary-text { color: #FF8C00; }
.secondary-text { color: #008080; }
.flow-chart-item {
border: 2px solid #008080; /* Teal */
padding: 0.75rem;
border-radius: 0.375rem;
text-align: center;
background-color: white;
color: #333333;
min-height: 60px;
display: flex;
align-items: center;
justify-content: center;
}
.flow-chart-arrow {
font-size: 2rem;
color: #FF8C00; /* Orange */
display: flex;
align-items: center;
justify-content: center;
margin: 0.5rem 0;
}
nav {
position: sticky;
top: 0;
z-index: 50;
background-color: rgba(0, 128, 128, 0.95); /* Teal with transparency */
padding: 0.75rem 1rem;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
nav a {
color: white;
margin-right: 1.5rem;
font-weight: bold;
transition: color 0.3s;
}
nav a:hover {
color: #FFD700; /* Yellow */
}
.stat-big-number {
font-size: 3rem; /* Tailwind text-5xl */
font-weight: bold; /* Tailwind font-bold */
color: #FF8C00; /* Orange */
}
.pictograph-icon {
font-size: 2.5rem; /* Tailwind text-4xl */
margin: 0 0.25rem;
}
</style>
</head>
<body class="antialiased">
<nav class="w-full mb-8">
<div class="container mx-auto flex flex-wrap justify-center py-2">
<a href="#structure">시장 구조</a>
<a href="#asset_trends">자산별 동향</a>
<a href="#value_factors">가치 변동</a>
<a href="#management">자산 관리</a>
</div>
</nav>
<div class="container mx-auto p-4 md:p-8">
<header class="text-center mb-12">
<h1 class="text-4xl md:text-5xl font-bold primary-text">사업용 자산 투자 시장 동향</h1>
<p class="text-lg md:text-xl text-gray-700 mt-4">취득원가 심층 분석을 통해 살펴보는 자산 시장의 현재와 미래</p>
<p class="text-md text-gray-600 mt-2">사업용 자산의 '취득원가'는 단순한 회계 수치를 넘어, 투자 결정과 시장 가치를 좌우하는 핵심 지표입니다. 본 인포그래픽은 취득원가 구성요소와 변동 요인을 시장 동향 관점에서 분석하여, 현명한 자산 관리 전략 수립을 돕고자 합니다.</p>
</header>
<section id="structure" class="mb-16">
<h2 class="text-3xl font-bold mb-8 text-center secondary-text">자산 취득원가 시장의 기본 구조</h2>
<p class="text-center text-gray-700 mb-8">모든 사업용 자산 투자의 시작점은 취득원가의 정확한 이해입니다. 이는 자산의 실제 시장 가치를 평가하고 미래 수익성을 예측하는 기초가 됩니다.</p>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8 items-center">
<div class="card text-center">
<h3 class="text-xl font-semibold mb-4">시장 가치 평가의 기초</h3>
<p class="text-gray-600 mb-2">취득원가는 자산의 초기 투자액을 나타내는 핵심 지표로, 감가상각 및 양도손익 계산의 기준이 됩니다.</p>
<div class="stat-big-number my-4">100%</div>
<p class="text-gray-700 font-semibold">모든 자산 가치 분석의 출발점</p>
<p class="text-xs text-gray-500 mt-2">출처: 사업용 자산 취득원가 기본 원칙</p>
</div>
<div class="card">
<h3 class="text-xl font-semibold mb-4 text-center">핵심 투자 비용 요소 (평균 구성비 예시)</h3>
<p class="text-sm text-gray-600 mb-4 text-center">자산 취득 시 발생하는 비용은 크게 매입가액, 직접 부대비용, 기타 자본화 비용으로 구성됩니다. 각 요소의 비중은 자산 유형 및 거래 조건에 따라 달라질 수 있습니다.</p>
<div class="chart-container h-72 md:h-80">
<canvas id="costComponentsChart"></canvas>
</div>
<p class="text-xs text-gray-500 mt-2 text-center">참고: 위 구성비는 일반적인 예시입니다.</p>
</div>
</div>
</section>
<section id="asset_trends" class="mb-16">
<h2 class="text-3xl font-bold mb-8 text-center primary-text">주요 자산 유형별 투자 동향</h2>
<p class="text-center text-gray-700 mb-8">부동산부터 무형자산까지, 각 자산 유형별 투자 동향과 취득원가 구성의 특징을 살펴봅니다. 시장 변화에 따른 투자 전략 수립에 중요한 단서를 제공합니다.</p>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
<div class="card">
<h3 class="text-xl font-semibold mb-4 text-center">부동산 투자 시장 동향 (토지 vs 건물)</h3>
<p class="text-sm text-gray-600 mb-4 text-center">최근 부동산 투자에서 건물의 가치 및 재개발 잠재력에 대한 관심이 높아지면서, 총 취득원가 중 건물 비중이 증가하는 추세입니다. 토지는 감가상각 대상이 아니지만, 건물의 경우 감가상각 및 자본적 지출을 통한 가치 증대가 가능합니다.</p>
<div class="chart-container h-72 md:h-80">
<canvas id="realEstateTrendChart"></canvas>
</div>
<p class="text-xs text-gray-500 mt-2 text-center">출처: 가상 시장 데이터 분석 (2022-2024)</p>
</div>
<div class="card">
<h3 class="text-xl font-semibold mb-4 text-center">제조업 혁신과 설비 투자 증가율</h3>
<p class="text-sm text-gray-600 mb-4 text-center">스마트 팩토리, 자동화 설비 등 제조업 혁신을 위한 투자가 지속적으로 증가하고 있습니다. 설비 취득원가에는 매입가액 외에도 운송, 설치, 시험가동 비용이 포함되며, 이는 투자 성공의 중요한 요소입니다.</p>
<div class="chart-container h-72 md:h-80">
<canvas id="machineryInvestmentChart"></canvas>
</div>
<p class="text-xs text-gray-500 mt-2 text-center">출처: 가상 산업 보고서 (2021-2024)</p>
</div>
<div class="card text-center">
<h3 class="text-xl font-semibold mb-4">물류 시장 성장과 친환경 차량 도입</h3>
<p class="text-sm text-gray-600 mb-4">전자상거래 확대에 따른 물류 시장 성장과 ESG 경영 강화로 친환경 상용차 도입이 가속화되고 있습니다. 차량 취득원가 산정 시 업무용 사용 비율에 따른 합리적 배분이 중요합니다.</p>
<div class="my-6">
<span class="pictograph-icon" style="color: #008080;">🚚</span> <span class="pictograph-icon" style="color: #008080;">🚚</span>
<span class="pictograph-icon" style="color: #008080;">🚚</span>
<span class="pictograph-icon" style="color: #FF8C00;">🚛</span> <span class="pictograph-icon" style="color: #FF8C00;">🚛</span>
</div>
<p class="text-lg font-semibold text-gray-700">2024년 신규 상용차 중 <span class="primary-text">40%</span> 친환경 차량 (예상)</p>
<p class="text-xs text-gray-500 mt-2">출처: 가상 물류 시장 분석</p>
</div>
<div class="card">
<h3 class="text-xl font-semibold mb-4 text-center">지식 경제 시대의 무형자산 투자 동향</h3>
<p class="text-sm text-gray-600 mb-4 text-center">기술 혁신과 브랜드 가치가 중요해지면서 R&D 투자, 특허권, 영업권 등 무형자산 투자가 확대되고 있습니다. 자가 창출 무형자산의 경우, 개발 단계의 비용을 자본화하여 취득원가를 산정합니다.</p>
<div class="chart-container h-72 md:h-80">
<canvas id="intangibleAssetChart"></canvas>
</div>
<p class="text-xs text-gray-500 mt-2 text-center">출처: 가상 기술 투자 동향 (2022-2024)</p>
</div>
</div>
</section>
<section id="value_factors" class="mb-16">
<h2 class="text-3xl font-bold mb-8 text-center secondary-text">자산 가치 변동 요인 및 시장 전망</h2>
<p class="text-center text-gray-700 mb-8">자산의 가치는 취득 이후에도 끊임없이 변동합니다. 가치 상승을 이끄는 요인과 하락 리스크를 이해하고, 미래 시장 변화에 대비하는 전략이 필요합니다.</p>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8">
<div class="card">
<h3 class="text-xl font-semibold mb-6 text-center">자산 가치 상승 주요 동인</h3>
<div class="space-y-4">
<div class="p-4 border border-orange-300 rounded-lg bg-orange-50">
<h4 class="font-semibold text-lg primary-text">🚀 기술 혁신 및 성능 개선 투자</h4>
<p class="text-gray-700 text-sm">신기술 도입, 핵심 부품 업그레이드 등은 자산의 생산성 및 가치를 크게 향상시킵니다. (예상 가치 상승률: 10-25%)</p>
</div>
<div class="p-4 border border-teal-300 rounded-lg bg-teal-50">
<h4 class="font-semibold text-lg secondary-text">🏗️ 시설 현대화 및 증설</h4>
<p class="text-gray-700 text-sm">노후 시설 개선, 생산 라인 확장 등은 자산의 내용연수를 연장하고 시장 경쟁력을 강화합니다. (예상 내용연수 연장: 5-10년)</p>
</div>
<div class="p-4 border border-yellow-400 rounded-lg bg-yellow-50">
<h4 class="font-semibold text-lg" style="color: #DAA520;">💡 에너지 효율 개선 및 친환경 투자</h4>
<p class="text-gray-700 text-sm">운영 비용 절감 및 ESG 경영 요구 충족으로 자산의 장기적 가치를 높입니다. (예상 운영비 절감: 5-15%)</p>
</div>
</div>
</div>
<div class="card">
<h3 class="text-xl font-semibold mb-6 text-center">자산 가치 하락 리스크 관리 프로세스</h3>
<p class="text-sm text-gray-600 mb-4">감가상각, 기술 변화, 시장 수요 감소, 예기치 못한 재해 등은 자산 가치 하락의 주요 원인입니다. 체계적인 리스크 관리가 중요합니다.</p>
<div class="space-y-2">
<div class="flow-chart-item">1. 리스크 식별 및 평가</div>
<div class="flow-chart-arrow">▼</div>
<div class="flow-chart-item">2. 예방 투자 및 유지보수 강화</div>
<div class="flow-chart-arrow">▼</div>
<div class="flow-chart-item">3. 적절한 보험 가입 및 관리</div>
<div class="flow-chart-arrow">▼</div>
<div class="flow-chart-item">4. 손실 발생 시 신속한 대응 및 회계 처리</div>
</div>
<p class="text-xs text-gray-500 mt-4 text-center">참고: '허용되었거나 허용될 수 있는 감가상각비'는 실제 공제 여부와 관계없이 기준가액에서 차감됩니다.</p>
</div>
</div>
<div class="card mt-8 text-center primary-bg text-white">
<h3 class="text-2xl font-bold mb-3">미래 시장 전망: 지속 가능한 성장을 위한 투자</h3>
<p class="text-lg">디지털 전환, 친환경 기술, 공급망 다변화 등 거시적 변화에 발맞춘 전략적 자산 투자는 기업의 지속 가능한 성장을 위한 핵심 동력이 될 것입니다. 특히 데이터 기반의 정교한 취득원가 관리와 가치 평가가 중요해질 전망입니다.</p>
</div>
</section>
<section id="management" class="mb-12">
<h2 class="text-3xl font-bold mb-8 text-center primary-text">데이터 기반 자산 관리 전략</h2>
<p class="text-center text-gray-700 mb-8">정확한 데이터는 성공적인 자산 관리의 핵심입니다. 취득원가부터 시작하여 자산의 생애주기 전반에 걸친 데이터를 체계적으로 관리하고 활용하는 기업이 경쟁 우위를 확보할 수 있습니다.</p>
<div class="grid grid-cols-1 md:grid-cols-2 gap-8 items-start">
<div class="card text-center accent1-bg">
<h3 class="text-xl font-semibold mb-4 text-gray-800">정확한 데이터의 힘 💪</h3>
<p class="text-gray-700 mb-3">취득원가, 자본적 지출, 감가상각 등 모든 자산 관련 기록을 정확하게 유지하는 것은 세무 리스크 감소뿐 아니라, 투자 수익률 극대화 및 경영 효율성 증대의 기반이 됩니다.</p>
<div class="p-6 bg-white rounded-lg shadow-inner">
<p class="text-4xl font-bold secondary-text">15% <span class="text-2xl">이상</span></p>
<p class="text-gray-700 mt-2">데이터 기반 의사결정 기업의 평균 수익성 향상률 (가상 추정치)</p>
</div>
</div>
<div class="card">
<h3 class="text-xl font-semibold mb-4 text-center">효율적 자산 포트폴리오 관리 방안</h3>
<p class="text-sm text-gray-600 mb-4">체계적인 자산 관리는 기업의 재무 건전성을 높이고 미래 성장을 위한 투자 여력을 확보하는 데 기여합니다.</p>
<ul class="list-disc list-inside space-y-3 text-gray-700">
<li><span class="font-semibold">증빙 서류의 디지털화 및 통합 관리:</span> 계약서, 영수증, 세금계산서 등 모든 관련 문서를 자산별로 체계적으로 디지털화하여 보관합니다.</li>
<li><span class="font-semibold">자본적 지출 vs. 수익적 지출 명확한 구분:</span> 내부 기준을 수립하고, 판단이 어려운 경우 전문가 자문을 통해 정확히 회계 처리합니다.</li>
<li><span class="font-semibold">정기적인 자산 실사 및 가치 재평가:</span> 실제 자산 현황과 장부상 가액을 비교하고, 시장 변화를 반영하여 자산 가치를 주기적으로 재평가합니다.</li>
<li><span class="font-semibold">감가상각 및 내용연수 최적화:</span> 세법 및 회계 기준에 따라 적절한 감가상각 방법을 선택하고, 자산의 실제 사용 가능 기간을 고려하여 내용연수를 합리적으로 설정합니다.</li>
<li><span class="font-semibold">세법 개정사항 지속적 모니터링:</span> 자산 관련 세법은 변경될 수 있으므로, 최신 정보를 꾸준히 확인하고 전문가의 조언을 받습니다.</li>
</ul>
</div>
</div>
</section>
<footer class="text-center mt-16 pt-8 border-t border-gray-300">
<p class="text-gray-600">본 인포그래픽은 "사업용 자산의 세법상 취득원가 계산 방법 심층 분석" 보고서의 주요 개념을 바탕으로 가상의 시장 데이터 및 동향을 설정하여 제작되었습니다. 실제 투자 결정 및 세무 처리는 반드시 해당 분야 전문가와 상의하시기 바랍니다.</p>
<p class="text-sm text-gray-500 mt-2">제작일: 2025년 5월 23일</p>
</footer>
</div>
<script>
function wrapLabel(label, maxWidth) {
if (typeof label !== 'string') return label;
const words = label.split(' ');
let lines = [];
let currentLine = words[0];
if (!currentLine) return ['']; // 빈 레이블 처리
for (let i = 1; i < words.length; i++) {
if (currentLine.length + words[i].length + 1 <= maxWidth) {
currentLine += ' ' + words[i];
} else {
lines.push(currentLine);
currentLine = words[i];
}
}
lines.push(currentLine);
return lines;
}
const commonTooltipTitleCallback = function(tooltipItems) {
const item = tooltipItems[0];
if (!item || !item.chart || !item.chart.data || !item.chart.data.labels || item.dataIndex === undefined) return '';
let label = item.chart.data.labels[item.dataIndex];
if (Array.isArray(label)) {
return label.join(' ');
}
return label || '';
};
const commonChartOptions = (customOptions = {}) => ({
responsive: true,
maintainAspectRatio: false,
plugins: {
legend: {
labels: {
font: { family: "'Noto Sans KR', sans-serif", size: 12 }
}
},
tooltip: {
titleFont: { family: "'Noto Sans KR', sans-serif", size: 14 },
bodyFont: { family: "'Noto Sans KR', sans-serif", size: 12 },
callbacks: {
title: commonTooltipTitleCallback
}
}
},
scales: {
x: {
ticks: {
font: { family: "'Noto Sans KR', sans-serif", size: 11 },
callback: function(value, index, values) {
const label = this.getLabelForValue(value);
return (typeof label === 'string' && label.length > 16) ? wrapLabel(label, 10) : label;
}
},
title: {
display: customOptions.xTitleDisplay || false,
text: customOptions.xTitleText || '',
font: { family: "'Noto Sans KR', sans-serif", size: 12, weight: 'bold' }
}
},
y: {
ticks: {
font: { family: "'Noto Sans KR', sans-serif", size: 11 },
callback: function(value) {
return (customOptions.yAxisTickSuffix === '%') ? value + '%' : (customOptions.yAxisTickPrefix === '$' ? '$' + value : value) ;
}
},
title: {
display: customOptions.yTitleDisplay || false,
text: customOptions.yTitleText || '',
font: { family: "'Noto Sans KR', sans-serif", size: 12, weight: 'bold' }
},
beginAtZero: true
}
},
...customOptions
});
// Chart 1: 핵심 투자 비용 요소 (Donut Chart)
const costComponentsLabelsOriginal = ['매입가액', '직접 부대비용', '기타 자본화 비용'];
new Chart(document.getElementById('costComponentsChart'), {
type: 'doughnut',
data: {
labels: costComponentsLabelsOriginal.map(label => label.length > 16 ? wrapLabel(label,16) : label),
datasets: [{
label: '비용 구성비',
data: [70, 20, 10],
backgroundColor: ['#FF8C00', '#008080', '#FFD700'], // Orange, Teal, Yellow
hoverOffset: 4
}]
},
options: commonChartOptions({
plugins: { // Override plugins for doughnut specific needs
legend: { position: 'top', labels: { font: { family: "'Noto Sans KR', sans-serif", size: 12 }}},
tooltip: {
titleFont: { family: "'Noto Sans KR', sans-serif", size: 14 },
bodyFont: { family: "'Noto Sans KR', sans-serif", size: 12 },
callbacks: {
title: commonTooltipTitleCallback,
label: function(context) {
let label = context.label || '';
if (label) { label += ': '; }
if (context.parsed !== null) { label += context.parsed + '%'; }
return label;
}
}
}
},
scales: { x: { display: false }, y: { display: false } } // No scales for doughnut
})
});
// Chart 2: 부동산 투자 시장 동향 (Bar Chart)
const realEstateLabelsOriginal = ['2022년', '2023년', '2024년 (예상)'];
new Chart(document.getElementById('realEstateTrendChart'), {
type: 'bar',
data: {
labels: realEstateLabelsOriginal.map(label => label.length > 16 ? wrapLabel(label,16) : label),
datasets: [
{
label: '토지 투자 비중',
data: [40, 35, 30],
backgroundColor: '#008080', // Teal
},
{
label: '건물 투자 비중',
data: [60, 65, 70],
backgroundColor: '#FF8C00', // Orange
}
]
},
options: commonChartOptions({
yAxisTickSuffix: '%',
yTitleDisplay: true,
yTitleText: '투자 비중 (%)'
})
});
// Chart 3: 제조업 혁신과 설비 투자 증가율 (Line Chart)
const machineryLabelsOriginal = ['2021년', '2022년', '2023년', '2024년 (예상)'];
new Chart(document.getElementById('machineryInvestmentChart'), {
type: 'line',
data: {
labels: machineryLabelsOriginal.map(label => label.length > 16 ? wrapLabel(label,16) : label),
datasets: [{
label: '스마트 팩토리 설비 투자 증가율',
data: [5, 8, 12, 15],
borderColor: '#800080', // Purple
backgroundColor: 'rgba(128, 0, 128, 0.1)',
fill: true,
tension: 0.1
}]
},
options: commonChartOptions({
yAxisTickSuffix: '%',
yTitleDisplay: true,
yTitleText: '전년 대비 증가율 (%)'
})
});
// Chart 4: 지식 경제 시대의 무형자산 투자 동향 (Stacked Bar Chart)
const intangibleLabelsOriginal = ['2022년', '2023년', '2024년 (예상)'];
new Chart(document.getElementById('intangibleAssetChart'), {
type: 'bar',
data: {
labels: intangibleLabelsOriginal.map(label => label.length > 16 ? wrapLabel(label,16) : label),
datasets: [
{
label: 'R&D 투자',
data: [50, 55, 60],
backgroundColor: '#FF8C00', // Orange
},
{
label: '브랜드 가치 투자',
data: [30, 28, 25],
backgroundColor: '#008080', // Teal
},
{
label: '특허권 등 기타',
data: [20, 17, 15],
backgroundColor: '#FFD700', // Yellow
}
]
},
options: commonChartOptions({
scales: {
x: {
stacked: true,
ticks: {
font: { family: "'Noto Sans KR', sans-serif", size: 11 },
callback: function(value, index, values) {
const label = this.getLabelForValue(value);
return (typeof label === 'string' && label.length > 16) ? wrapLabel(label, 10) : label;
}
}
},
y: {
stacked: true,
ticks: {
font: { family: "'Noto Sans KR', sans-serif", size: 11 },
callback: function(value) { return value + '%';}
},
title: { display: true, text: '총 무형자산 투자 중 비중 (%)', font: { family: "'Noto Sans KR', sans-serif", size: 12, weight: 'bold' }}
}
}
})
});
</script>
</body>
</html>
반응형