read : [기본형] chartjs 기본 설정 코드 : 기술 #chartjs::공대여자홈

[기본형] chartjs 기본 설정 코드

작성자 공대여자

작성 : 2024-02-29 11:57 조회 : 998
지남 1일간

2024-02-29 - 2024-02-29

좌표
첨부된 파일이 없습니다.

#chartjs

        <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-datalabels@2"></script>

        <script>
            Chart.defaults.font.size = 12;
            Chart.defaults.elements.line.borderWidth = 1;
            Chart.defaults.elements.bar.borderWidth = 0;
            Chart.defaults.elements.point.pointStyle = false;
            
            Chart.defaults.plugins.legend.labels.boxWidth = Chart.defaults.font.size;
            Chart.defaults.plugins.legend.labels.boxHeight = Chart.defaults.font.size;

            Chart.register(ChartDataLabels);
            Chart.defaults.plugins.datalabels.display = false; // 사용시 바꾸시오
            Chart.defaults.plugins.datalabels.font.size = 12;
            Chart.defaults.plugins.datalabels.color = '#fff';
            Chart.defaults.plugins.datalabels.textStrokeColor = '#000';
            Chart.defaults.plugins.datalabels.textStrokeWidth = 4;

        </script>

데이터 라벨 까지 기본 세팅 된 코드.

chartjs 는 항상 최신 버전으로 설정 됨.

/ /
No Nickname

No Comment
권한이 없습니다.

{{m_row.m_nick}}

내용이 너무 많습니다!

-

목록형 📷 갤러리형

No	제목	작성자	등록	조회
공지	[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js)	공대여자	02/06 13:44	87694
공지	유용한 리눅스(LINUX) 명령어	공대여자	03/03 14:47	93366
공지	[공지] 기술 게시판	mins01	06/24 15:10	95797

일	월	화	수	목	금	토
4.26	4.27	4.28	4.29	4.30	5.1	5.2
5.3	5.4	5.5	5.6 ffmpeg 명령 샘플 new	5.7	5.8	5.9
5.10	5.11 도메인 등록 대행자 등록 수수료 및 서비스 new 1 첨부파일 다운로드 해더에서 파일명 지정 방법 new	5.12 x.com (구 트위터) - 트윗 특이사항 - 수정 내역 new	5.13	5.14	5.15	5.16
5.17	5.18	5.19	5.20	5.21	5.22	5.23
5.24	5.25	5.26	5.27	5.28	5.29	5.30
5.31	6.1	6.2	6.3	6.4	6.5	6.6