사용자 도구

사이트 도구


wiki:d3:datalabels

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

/var/services/web/dokuwiki/data/pages/wiki/d3/datalabels.txt · 마지막으로 수정됨: 2023/01/13 18:44 (바깥 편집)