이름 통계 서비스 By "baby-name.kr"
"강한" 이름은 2008년부터 ~ 2022년까지 총 170명이 출생신고를 하였습니다.
이중 남성은 총 170명이며, 여성은 총 0명이 사용하고 있습니다.
"강한"은(는) 남성적 느낌의 남자이름입니다.
출생신고 계절은 가을이 제일 많습니다.
남자 이름 순위는 41,212명 중 1,601위 입니다
강한이라는 이름의 인기도 장기 추세(트렌드)는 상승하는 추세이고,
최근 3년간 인기도 추세(트렌드)는 상승하는 추세 입니다.
<br> <em>아래 이름은 어떠세요?</em><br> <a target="_blank" href="//baby-name.kr/search/%EC%9A%B0%EC%A3%BC/">우주</a>&nbsp;&nbsp;&nbsp; <a target="_blank" href="//baby-name.kr/search/%EC%8B%9C%ED%9B%84/">시후</a>&nbsp;&nbsp;&nbsp; <a target="_blank" href="//baby-name.kr/search/%EC%88%98%ED%98%B8/">수호</a>&nbsp;&nbsp;&nbsp; <a target="_blank" href="//baby-name.kr/search/%EC%A4%80%ED%9D%AC/">준희</a>&nbsp;&nbsp;&nbsp; <a target="_blank" href="//baby-name.kr/search/%EC%9C%A0%EC%B0%AC/">유찬</a>&nbsp;&nbsp;&nbsp; <a target="_blank" href="//baby-name.kr/search/%EC%A4%80%ED%98%81/">준혁</a>&nbsp;&nbsp;&nbsp; <a target="_blank" href="//baby-name.kr/search/%EC%A4%80%ED%98%B8/">준호</a>&nbsp;&nbsp;&nbsp; <a target="_blank" href="//baby-name.kr/search/%EC%A7%80%ED%9B%88/">지훈</a>&nbsp;&nbsp;&nbsp; <a target="_blank" href="//baby-name.kr/search/%EC%8A%B9%EC%9A%B0/">승우</a>&nbsp;&nbsp;&nbsp; <a target="_blank" href="//baby-name.kr/search/%EA%B1%B4/">건</a>&nbsp;&nbsp;&nbsp; <a target="_blank" href="//baby-name.kr/search/%ED%83%9C%ED%98%84/">태현</a>&nbsp;&nbsp;&nbsp; <a target="_blank" href="//baby-name.kr/search/%EC%98%88%EC%84%B1/">예성</a>&nbsp;&nbsp;&nbsp; <a target="_blank" href="//baby-name.kr/search/%EC%A7%80%EC%95%88/">지안</a>&nbsp;&nbsp;&nbsp; <a target="_blank" href="//baby-name.kr/search/%EC%84%9C%EC%A4%80/">서준</a>&nbsp;&nbsp;&nbsp; <a target="_blank" href="//baby-name.kr/search/%EC%A7%84%EC%9A%B0/">진우</a>&nbsp;&nbsp;&nbsp; &nbsp;<br> &nbsp;<br> <em>해당 이름의 순위 구간도 확인해보세요</em> &nbsp;<br> <a target="_blank" href="//baby-name.kr/ranking/%EA%B0%95%ED%95%9C/"><u>바로가기</u></a> &nbsp;<br> &nbsp;<br> 한글 이름 <em>강한</em>의 다양한 영어 표현(이름 로마자 표기법)<br> <p style="font-size:12px"> Kang Han , Gang Han </p> &nbsp;<br> &nbsp;<br> <em>해당 이름의 인명용 한자 정보</em><br>(획, 획오행, 자원오행 순서) <h3 class="hanja-box-title">인명 한자 목록 <span>(강 27개)</span></h3> <div class="hanja-box"> <dl> <dt><a title="강">江</a></dt> <dd> 강,큰내<br> <span class="stroke">7획</span> <span class="str5" title="획오행">金</span> <span class="resource5" title="자원오행">水</span> </dd> </dl> <dl> <dt><a title="강">講</a></dt> <dd> 강론할,익힐<br> <span class="stroke">17획</span> <span class="str5" title="획오행">金</span> <span class="resource5" title="자원오행">金</span> </dd> </dl> <dl> <dt><a title="강">强</a></dt> <dd> 姓,굳셀,강할<br> <span class="stroke">12획</span> <span class="str5" title="획오행">木</span> <span class="resource5" title="자원오행">金</span> </dd> </dl> <dl> <dt><a title="강">强</a></dt> <dd> 의俗字<br> <span class="stroke">11획</span> <span class="str5" title="획오행">木</span> <span class="resource5" title="자원오행">金</span> </dd> </dl> <dl> <dt><a title="강">康</a></dt> <dd> 姓,평안할<br> <span class="stroke">11획</span> <span class="str5" title="획오행">木</span> <span class="resource5" title="자원오행">木</span> </dd> </dl> <dl> <dt><a title="강">姜</a></dt> <dd> 姓,굳셀<br> <span class="stroke">9획</span> <span class="str5" title="획오행">水</span> <span class="resource5" title="자원오행">土</span> </dd> </dl> <dl> <dt><a title="강">剛</a></dt> <dd> 姓,굳셀,강철<br> <span class="stroke">10획</span> <span class="str5" title="획오행">水</span> <span class="resource5" title="자원오행">金</span> </dd> </dl> <dl> <dt><a title="강">鋼</a></dt> <dd> 강철.강쇠<br> <span class="stroke">16획</span> <span class="str5" title="획오행">土</span> <span class="resource5" title="자원오행">金</span> </dd> </dl> <dl> <dt><a title="강">綱</a></dt> <dd> 벼리,법<br> <span class="stroke">14획</span> <span class="str5" title="획오행">火</span> <span class="resource5" title="자원오행">木</span> </dd> </dl> <dl> <dt><a title="강">杠</a></dt> <dd> 깃대,다리<br> <span class="stroke">7획</span> <span class="str5" title="획오행">金</span> <span class="resource5" title="자원오행">木</span> </dd> </dl> <dl> <dt><a title="강">堈</a></dt> <dd> 언덕,항아리<br> <span class="stroke">11획</span> <span class="str5" title="획오행">木</span> <span class="resource5" title="자원오행">土</span> </dd> </dl> <dl> <dt><a title="강">橿</a></dt> <dd> 나무이름,굳셀<br> <span class="stroke">17획</span> <span class="str5" title="획오행">金</span> <span class="resource5" title="자원오행">木</span> </dd> </dl> <dl> <dt><a title="강">彊</a></dt> <dd> 굳셀,힘센활<br> <span class="stroke">16획</span> <span class="str5" title="획오행">土</span> <span class="resource5" title="자원오행">金</span> </dd> </dl> <dl> <dt><a title="강">糠</a></dt> <dd> 겨,쌀겨<br> <span class="stroke">17획</span> <span class="str5" title="획오행">金</span> <span class="resource5" title="자원오행">木</span> </dd> </dl> <dl> <dt><a title="강">絳</a></dt> <dd> 진홍색<br> <span class="stroke">13획</span> <span class="str5" title="획오행">火</span> <span class="resource5" title="자원오행">木</span> </dd> </dl> <dl> <dt><a title="강">羌</a></dt> <dd> 종족이름,굳셀<br> <span class="stroke">8획</span> <span class="str5" title="획오행">金</span> <span class="resource5" title="자원오행">土</span> </dd> </dl> <dl> <dt><a title="강">舡</a></dt> <dd> 배<br> <span class="stroke">9획</span> <span class="str5" title="획오행">水</span> <span class="resource5" title="자원오행">木</span> </dd> </dl> <dl> <dt><a title="강">薑</a></dt> <dd> 생강<br> <span class="stroke">19획</span> <span class="str5" title="획오행">水</span> <span class="resource5" title="자원오행">木</span> </dd> </dl> <dl> <dt><a title="강">襁</a></dt> <dd> 포대기<br> <span class="stroke">18획</span> <span class="str5" title="획오행">金</span> <span class="resource5" title="자원오행">木</span> </dd> </dl> <dl> <dt><a title="강">鱇</a></dt> <dd> 아귀<br> <span class="stroke">22획</span> <span class="str5" title="획오행">木</span> <span class="resource5" title="자원오행">水</span> </dd> </dl> <dl> <dt><a title="강">岡</a></dt> <dd> 산등성이,언덕<br> <span class="stroke">8획</span> <span class="str5" title="획오행">金</span> <span class="resource5" title="자원오행">土</span> </dd> </dl> <dl> <dt><a title="강">崗</a></dt> <dd> 언덕,산봉우리<br> <span class="stroke">11획</span> <span class="str5" title="획오행">木</span> <span class="resource5" title="자원오행">土</span> </dd> </dl> <dl> <dt><a title="강">降</a></dt> <dd> 내릴,항항복할<br> <span class="stroke">14획</span> <span class="str5" title="획오행">火</span> <span class="resource5" title="자원오행">土</span> </dd> </dl> <dl> <dt><a title="강">慷</a></dt> <dd> 강개할,슬퍼할<br> <span class="stroke">15획</span> <span class="str5" title="획오행">土</span> <span class="resource5" title="자원오행">火</span> </dd> </dl> <dl> <dt><a title="강">畺</a></dt> <dd> 지경<br> <span class="stroke">3획</span> <span class="str5" title="획오행">火</span> <span class="resource5" title="자원오행">土</span> </dd> </dl> <dl> <dt><a title="강">疆</a></dt> <dd> 지경,끝<br> <span class="stroke">19획</span> <span class="str5" title="획오행">水</span> <span class="resource5" title="자원오행">土</span> </dd> </dl> <dl> <dt><a title="강">腔</a></dt> <dd> 속이빌<br> <span class="stroke">14획</span> <span class="str5" title="획오행">火</span> <span class="resource5" title="자원오행">水</span> </dd> </dl> </div> <h3 class="hanja-box-title">인명 한자 목록 <span>(한 14개)</span></h3> <div class="hanja-box"> <dl> <dt><a title="한">韓</a></dt> <dd> 한나라,한국<br> <span class="stroke">17획</span> <span class="str5" title="획오행">金</span> <span class="resource5" title="자원오행">金</span> </dd> </dl> <dl> <dt><a title="한">漢</a></dt> <dd> 한수,은하수<br> <span class="stroke">15획</span> <span class="str5" title="획오행">土</span> <span class="resource5" title="자원오행">水</span> </dd> </dl> <dl> <dt><a title="한">汗</a></dt> <dd> 땀,물질펀할<br> <span class="stroke">7획</span> <span class="str5" title="획오행">金</span> <span class="resource5" title="자원오행">水</span> </dd> </dl> <dl> <dt><a title="한">澣</a></dt> <dd> 빨래할,열흘<br> <span class="stroke">17획</span> <span class="str5" title="획오행">金</span> <span class="resource5" title="자원오행">水</span> </dd> </dl> <dl> <dt><a title="한">瀚</a></dt> <dd> 넓고큰모양<br> <span class="stroke">20획</span> <span class="str5" title="획오행">水</span> <span class="resource5" title="자원오행">水</span> </dd> </dl> <dl> <dt><a title="한">翰</a></dt> <dd> 날개,줄기<br> <span class="stroke">16획</span> <span class="str5" title="획오행">土</span> <span class="resource5" title="자원오행">火</span> </dd> </dl> <dl> <dt><a title="한">閒</a></dt> <dd> 틈,사이<br> <span class="stroke">12획</span> <span class="str5" title="획오행">木</span> <span class="resource5" title="자원오행">土</span> </dd> </dl> <dl> <dt><a title="한">限</a></dt> <dd> 한계,경계<br> <span class="stroke">14획</span> <span class="str5" title="획오행">火</span> <span class="resource5" title="자원오행">土</span> </dd> </dl> <dl> <dt><a title="한">悍</a></dt> <dd> 원통할<br> <span class="stroke">11획</span> <span class="str5" title="획오행">木</span> <span class="resource5" title="자원오행">火</span> </dd> </dl> <dl> <dt><a title="한">罕</a></dt> <dd> 그물,드물<br> <span class="stroke">7획</span> <span class="str5" title="획오행">金</span> <span class="resource5" title="자원오행">木</span> </dd> </dl> <dl> <dt><a title="한">閑</a></dt> <dd> 막을,한가할<br> <span class="stroke">12획</span> <span class="str5" title="획오행">木</span> <span class="resource5" title="자원오행">水</span> </dd> </dl> <dl> <dt><a title="한">寒</a></dt> <dd> 추울,떨릴<br> <span class="stroke">12획</span> <span class="str5" title="획오행">木</span> <span class="resource5" title="자원오행">水</span> </dd> </dl> <dl> <dt><a title="한">恨</a></dt> <dd> 한할,뉘우칠<br> <span class="stroke">10획</span> <span class="str5" title="획오행">水</span> <span class="resource5" title="자원오행">火</span> </dd> </dl> <dl> <dt><a title="한">旱</a></dt> <dd> 가물,물없을<br> <span class="stroke">7획</span> <span class="str5" title="획오행">金</span> <span class="resource5" title="자원오행">火</span> </dd> </dl> </div> &nbsp;<br> <div class="sns-btns"> <a href="//baby-name.kr/search/%EA%B0%95%ED%95%9C/#" title="javascript:window.open('//twitter.com/intent/tweet?text=[%EA%B3%B5%EC%9C%A0]%20' +encodeURIComponent(document.URL)+'%20-%20'+encodeURIComponent(document.title), 'twittersharedialog', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false;" target="_blank" alt="Share on Twitter"><img src="//baby-name.kr/img//twitter.png"></a> <a href="//baby-name.kr/search/%EA%B0%95%ED%95%9C/#" title="javascript:window.open('//www.facebook.com/sharer/sharer.php?u=' +encodeURIComponent(document.URL)+'&t='+encodeURIComponent(document.title), 'facebooksharedialog', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');return false;" target="_blank" alt="Share on Facebook"><img src="//baby-name.kr/img/facebook.png"></a> <a href="//baby-name.kr/search/%EA%B0%95%ED%95%9C/#" title="javascript:window.open('//story.kakao.com/s/share?url=' +encodeURIComponent(document.URL), 'kakaostorysharedialog', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes, height=400,width=600');return false;" target="_blank" alt="Share on kakaostory"> <img src="//baby-name.kr/img/kakaos.png"></a> <a href="//baby-name.kr/search/%EA%B0%95%ED%95%9C/#" title="javascript:window.open('//share.naver.com/web/shareView.nhn?url=' +encodeURIComponent(document.URL)+'&title='+encodeURIComponent(document.title), 'naversharedialog', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=500,width=600');return false;" target="_blank" alt="Share on Naver"><img src="//baby-name.kr/img/naver.png"></a> <a target="_blank" href="//baby-name.kr/search/%EA%B0%95%ED%95%9C/#" id="kakao-link-btn" title="shareKakao()"><img src="//baby-name.kr/img/Kakaotalk.png"></a> </div> </div> <div class="chartbox chartbox-1"> <h2>강한의 연도별 출생자(명)</h2> <p class="desc">2022년 예측치는 해당 이름 출생자를,<br>데이터 누적 일수로 나누고 * 365일(윤년은 366일) 을 하여,<br>1년 단위 예측치로 환산한 값입니다.<br>10명 이하에선 제공되지 않습니다.</p> <div id="chart-annal"></div> </div> <div class="chartbox chartbox-1"> <h2>강한의 연도별 인기도(인구보정값)<span class="new">New</span></h2> <p class="desc">연도별 출생자 수를 2019년 인구 기준으로 표준화 시켜,<br>실질적 인기도를 알아 볼 수 있습니다.</p> <div id="chart-annal-adj"></div> </div> <div class="chartbox chartbox-2"> <div> <h2>강한의 남자 인기도(명)</h2> <div id="chart-annal-adj1"></div> </div> <div> <h2>강한의 여자 인기도(명)</h2> <div id="chart-annal-adj2"></div> </div> </div> <div class="chartbox chartbox-2"> <div> <h2>강한의 남자 이름 순위</h2> <p class="desc">2008년 부터 2022년 까지 남자 아이 이름 순위 변동 입니다.<br> 2022년에 최고 1079위 였습니다.</p> <div id="chart-ranking1"></div> </div> <div> <h2>강한의 여자 이름 순위</h2> <p class="desc">2008년 부터 2022년 까지 여자 아이 이름 순위 변동 입니다.<br> 에 최고 999999위 였습니다.</p> <div id="chart-ranking2"></div> </div> </div> <div class="chartbox chartbox-2"> <div> <h2>강한의 계절별 출생수(명)</h2> <div id="chart-seasonal"></div> </div> <div> <h2>강한의 성별 출생수(명)</h2> <div id="chart-sex"></div> </div> </div> <div class="chartbox chartbox-1">. <h2>강한의 지역별 출생수(명)</h2> <div id="chart-city"></div> </div> <div class="comment"> <h2>강한 이름에 대한 질문 &amp; 의견</h2> <script> function chkForm(frm) { if (frm.name.value.length < 1 || frm.name.value.length > 10) { alert('이름은 1자이상 10자이하로 적어주세요'); return false; } if (frm.comment.value.length < 2 || frm.name.value.length > 500) { alert('내용은 2자이상 500자이하로 적어주세요'); return false; } return true; } <div class="comment-input-box"> <form action="/comment/강한" method="post" onsubmit="return chkForm(this)"> <input type="hidden" name="mode" value="comment"> <ul> <li><input type="text" name="name" placeholder="글쓴이" value=""></li> <li><input type="text" name="comment" placeholder="내용(관리자 승인 후 게시)" value=""></li> <li><input type="submit" name="남기기" value="의견남기기"></li> </ul> </form> </div> </div> <script> var loaded = false; function loadChart() { if (loaded) return; loaded = true; am4core.options.queue = true; // Themes begin am4core.useTheme(am4themes_dark); // am4core.useTheme(am4themes_animated); // Themes end var chart = am4core.create("chart-annal", am4charts.XYChart); chart.data = [{"year":"2008","cnt":14},{"year":"2009","cnt":10},{"year":"2010","cnt":16},{"year":"2011","cnt":16},{"year":"2012","cnt":8},{"year":"2013","cnt":14},{"year":"2014","cnt":10},{"year":"2015","cnt":17},{"year":"2016","cnt":12},{"year":"2017","cnt":5},{"year":"2018","cnt":10},{"year":"2019","cnt":11},{"year":"2020","cnt":10},{"year":"2021","cnt":10},{"year":"2022","cnt":7}]; var categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis()); categoryAxis.dataFields.category = "year"; var valueAxis = chart.yAxes.push(new am4charts.ValueAxis()); valueAxis.min = 0; var series = chart.series.push(new am4charts.ColumnSeries()); series.dataFields.categoryX = "year"; series.dataFields.valueY = "cnt"; series.columns.template.tooltipText = "{categoryX}년\n{valueY.value}명"; series.columns.template.tooltipY = 0; series.columns.template.strokeOpacity = 0; series.stacked = true; // as by default columns of the same series are of the same color, we add adapter which takes colors from chart.colors color set series.columns.template.adapter.add("fill", function(fill, target) { return chart.colors.getIndex(target.dataItem.index); }); var series = chart.series.push(new am4charts.ColumnSeries()); series.dataFields.categoryX = "year"; series.dataFields.valueY = "cnt_expected"; series.columns.template.tooltipText = "{categoryX}년\n{valueY.value}명\n(만1년 예측치)"; series.columns.template.tooltipY = 0; series.columns.template.strokeOpacity = 0; //series.stacked = true; //series.xAxis.stacked = false; //series.xAxes.stacked = false; //series.cal series.columns.template.adapter.add("fill", function(fill, target) { return am4core.color("#232323"); }); var trend = chart.series.push(new am4charts.LineSeries()); trend.dataFields.valueY = "cnt"; trend.dataFields.categoryX = "year"; trend.strokeWidth = 2; trend.stroke = am4core.color("#c00"); trend.data = [{"year":"2008","cnt":14},{"year":"2009","cnt":14},{"year":"2010","cnt":13},{"year":"2011","cnt":13},{"year":"2012","cnt":13},{"year":"2013","cnt":12},{"year":"2014","cnt":12},{"year":"2015","cnt":11},{"year":"2016","cnt":11},{"year":"2017","cnt":11},{"year":"2018","cnt":10},{"year":"2019","cnt":10},{"year":"2020","cnt":9},{"year":"2021","cnt":9},{"year":"2022","cnt":9}]; var chart = am4core.create("chart-annal-adj", am4charts.XYChart); chart.data = [{"year":"2008","cnt":10},{"year":"2009","cnt":7},{"year":"2010","cnt":11},{"year":"2011","cnt":11},{"year":"2012","cnt":5},{"year":"2013","cnt":10},{"year":"2014","cnt":7},{"year":"2015","cnt":12},{"year":"2016","cnt":9},{"year":"2017","cnt":4},{"year":"2018","cnt":9},{"year":"2019","cnt":11},{"year":"2020","cnt":12},{"year":"2021","cnt":12},{"year":"2022","cnt":13}]; var categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis()); categoryAxis.dataFields.category = "year"; var valueAxis = chart.yAxes.push(new am4charts.ValueAxis()); //valueAxis.min = 0; var series = chart.series.push(new am4charts.ColumnSeries()); series.dataFields.categoryX = "year"; series.dataFields.valueY = "cnt"; series.columns.template.tooltipText = "{categoryX}년\n{valueY.value}명"; series.columns.template.tooltipY = 0; series.columns.template.strokeOpacity = 0; // as by default columns of the same series are of the same color, we add adapter which takes colors from chart.colors color set series.columns.template.adapter.add("fill", function(fill, target) { return chart.colors.getIndex(target.dataItem.index); }); var trend = chart.series.push(new am4charts.LineSeries()); trend.dataFields.valueY = "cnt"; trend.dataFields.categoryX = "year"; trend.strokeWidth = 2; trend.stroke = am4core.color("#c00"); trend.data = [{"year":"2008","cnt":8},{"year":"2009","cnt":8},{"year":"2010","cnt":8},{"year":"2011","cnt":9},{"year":"2012","cnt":9},{"year":"2013","cnt":9},{"year":"2014","cnt":9},{"year":"2015","cnt":10},{"year":"2016","cnt":10},{"year":"2017","cnt":10},{"year":"2018","cnt":10},{"year":"2019","cnt":10},{"year":"2020","cnt":11},{"year":"2021","cnt":11},{"year":"2022","cnt":11}]; var trend = chart.series.push(new am4charts.LineSeries()); trend.dataFields.valueY = "cnt"; trend.dataFields.categoryX = "year"; trend.strokeWidth = 2; trend.stroke = am4core.color("#0088ff"); trend.data = [{"year":"2019","cnt":11},{"year":"2020","cnt":12},{"year":"2021","cnt":12}]; // 성별 남자 var chart = am4core.create("chart-annal-adj1", am4charts.XYChart); chart.data = [{"year":"2008","cnt":10},{"year":"2009","cnt":7},{"year":"2010","cnt":11},{"year":"2011","cnt":11},{"year":"2012","cnt":5},{"year":"2013","cnt":10},{"year":"2014","cnt":7},{"year":"2015","cnt":12},{"year":"2016","cnt":9},{"year":"2017","cnt":4},{"year":"2018","cnt":9},{"year":"2019","cnt":11},{"year":"2020","cnt":12},{"year":"2021","cnt":12},{"year":"2022","cnt":13}]; var categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis()); categoryAxis.dataFields.category = "year"; var valueAxis = chart.yAxes.push(new am4charts.ValueAxis()); var series = chart.series.push(new am4charts.ColumnSeries()); series.dataFields.categoryX = "year"; series.dataFields.valueY = "cnt"; series.columns.template.tooltipText = "{categoryX}년\n{valueY.value}명"; series.columns.template.tooltipY = 0; series.columns.template.strokeOpacity = 0; // as by default columns of the same series are of the same color, we add adapter which takes colors from chart.colors color set series.columns.template.adapter.add("fill", function(fill, target) { return chart.colors.getIndex(target.dataItem.index); }); // 성별 여자 var chart = am4core.create("chart-annal-adj2", am4charts.XYChart); chart.data = []; var categoryAxis = chart.xAxes.push(new am4charts.CategoryAxis()); categoryAxis.dataFields.category = "year"; var valueAxis = chart.yAxes.push(new am4charts.ValueAxis()); var series = chart.series.push(new am4charts.ColumnSeries()); series.dataFields.categoryX = "year"; series.dataFields.valueY = "cnt"; series.columns.template.tooltipText = "{categoryX}년\n{valueY.value}명"; series.columns.template.tooltipY = 0; series.columns.template.strokeOpacity = 0; // as by default columns of the same series are of the same color, we add adapter which takes colors from chart.colors color set series.columns.template.adapter.add("fill", function(fill, target) { return chart.colors.getIndex(target.dataItem.index); }); // Create chart instance var chart = am4core.create("chart-seasonal", am4charts.PieChart); // Add data chart.data = [{"season":"\ubd04","cnt":34},{"season":"\uc5ec\ub984","cnt":43},{"season":"\uac00\uc744","cnt":55},{"season":"\uaca8\uc6b8","cnt":38}]; // Set inner radius chart.innerRadius = am4core.percent(20); chart.radius = am4core.percent(50); // Add and configure Series var pieSeries = chart.series.push(new am4charts.PieSeries()); pieSeries.dataFields.value = "cnt"; pieSeries.dataFields.category = "season"; pieSeries.slices.template.stroke = am4core.color("#fff"); pieSeries.slices.template.strokeWidth = 2; pieSeries.slices.template.strokeOpacity = 1; // Create chart instance var chart = am4core.create("chart-sex", am4charts.PieChart); // Add data chart.data = [{"sex":"\ub0a8\uc790","cnt":170}]; // Set inner radius chart.innerRadius = am4core.percent(20); chart.radius = am4core.percent(50); // Add and configure Series var pieSeries = chart.series.push(new am4charts.PieSeries()); pieSeries.dataFields.value = "cnt"; pieSeries.dataFields.category = "sex"; pieSeries.slices.template.stroke = am4core.color("#fff"); pieSeries.slices.template.strokeWidth = 2; pieSeries.slices.template.strokeOpacity = 1; // Create chart instance var chart = am4core.create("chart-city", am4charts.PieChart); // Add data chart.data = [{"city":"\uacbd\uae30\ub3c4","cnt":41},{"city":"\uacbd\uc0c1\ub0a8\ub3c4","cnt":7},{"city":"\ubd80\uc0b0\uc2dc","cnt":9},{"city":"\uc11c\uc6b8\uc2dc","cnt":29},{"city":"\uc804\ub77c\ub0a8\ub3c4","cnt":11},{"city":"\uacbd\uc0c1\ubd81\ub3c4","cnt":7},{"city":"\uc778\ucc9c\uc2dc","cnt":11},{"city":"\ub300\uc804\uc2dc","cnt":4},{"city":"\ub300\uad6c\uc2dc","cnt":13},{"city":"\uad11\uc8fc\uc2dc","cnt":7},{"city":"\ucda9\uccad\ubd81\ub3c4","cnt":4},{"city":"\uc804\ub77c\ubd81\ub3c4","cnt":9},{"city":"\uac15\uc6d0\ub3c4","cnt":9},{"city":"\ucda9\uccad\ub0a8\ub3c4","cnt":5},{"city":"\uc6b8\uc0b0\uc2dc","cnt":3},{"city":"\uc138\uc885\uc2dc","cnt":1}]; // Set inner radius chart.innerRadius = am4core.percent(10); chart.radius = am4core.percent(40); // Add and configure Series var pieSeries = chart.series.push(new am4charts.PieSeries()); pieSeries.dataFields.value = "cnt"; pieSeries.dataFields.category = "city"; pieSeries.slices.template.stroke = am4core.color("#fff"); pieSeries.slices.template.strokeWidth = 2; pieSeries.slices.template.strokeOpacity = 1; // 차트랭킹 var chart = am4core.create("chart-ranking1", am4charts.XYChart); var dateAxis = chart.xAxes.push(new am4charts.DateAxis()); var valueAxis = chart.yAxes.push(new am4charts.ValueAxis()); var series = chart.series.push(new am4charts.LineSeries()); series.dataFields.dateX = "year"; series.dataFields.valueY = "rank"; series.strokeWidth = 2; series.stroke = am4core.color("#c00"); series.data = [{"year":"2008","rank":"1763"},{"year":"2009","rank":"2027"},{"year":"2010","rank":"1575"},{"year":"2011","rank":"1524"},{"year":"2012","rank":"2249"},{"year":"2013","rank":"1497"},{"year":"2014","rank":"1722"},{"year":"2015","rank":"1274"},{"year":"2016","rank":"1488"},{"year":"2017","rank":"2122"},{"year":"2018","rank":"1410"},{"year":"2019","rank":"1258"},{"year":"2020","rank":"1157"},{"year":"2021","rank":"1156"},{"year":"2022","rank":"1079"}]; series.tooltipText = "{year}년 {rank}위"; chart.cursor = new am4charts.XYCursor(); chart.cursor.xAxis = dateAxis; chart.cursor.snapToSeries = series; chart.cursor.behavior = "none"; // 차트랭킹 var chart = am4core.create("chart-ranking2", am4charts.XYChart); var dateAxis = chart.xAxes.push(new am4charts.DateAxis()); var valueAxis = chart.yAxes.push(new am4charts.ValueAxis()); var series = chart.series.push(new am4charts.LineSeries()); series.dataFields.dateX = "year"; series.dataFields.valueY = "rank"; series.strokeWidth = 2; series.stroke = am4core.color("#c00"); series.data = []; series.tooltipText = "{year}년 {rank}위"; chart.cursor = new am4charts.XYCursor(); chart.cursor.xAxis = dateAxis; chart.cursor.snapToSeries = series; chart.cursor.behavior = "none"; } $(function() { setTimeout(loadChart, 4000); if ($(window).scrollTop() > 200) { console.log("scroll top"); loadChart(); } $(document).one('scroll', function() { console.log("scroll"); loadChart(); }); });