사용자 도구

사이트 도구


wiki:d3:chart.js

문서의 이전 판입니다!


Chart.js 라이브러리 : 데이터라벨 표시하기

CDN
<script src="https://cdn.jsdelivr.net/npm/chart.js@2.7.3/dist/Chart.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-datalabels@0.7.0"></script>


Option
var config = {
    options: {       // option - plugin에 datalabels옵션을 주면 모든 차트에 데이터라벨을 표시합니다.           
        plugins: {
            datalabels: {
                display: true,
                color: '#FFFFFF'
		textStrokeColor: '#FFFFFF', 
		textStrokeWidth: 3,
		textShadowBlur: 30,
		textShadowColor: '#FFFFFF'
            }
        }
    },
    data: {          // data - datasets에 datalabels옵션을 주면 해당 dataset의 차트에만 데이터라벨을 표시합니다.
        datasets: [{
            datalabels: {
                color: '#FFFFFF'
            }
        }]
    }
});

Ref

/volume1/web/dokuwiki/data/attic/wiki/d3/chart.js.1597294241.txt.gz · 마지막으로 수정됨: 2022/03/10 19:52 (바깥 편집)