카테고리 없음

사업용 자산 투자 시장 동향: 취득원가 심층 분석

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>
    <script src="https://cdn.tailwindcss.com"></script>
    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
    <!--
    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>
반응형