wiki:d3:chart.js

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

--- wiki:d3:chart.js [2022/04/19 13:14]
bjlee 제거됨
+++ — (현재)
@@ 줄 1: / 줄 1: @@
-===== Chart.js 라이브러리 : 데이터라벨 표시하기 =====
->CDN
-<code java>
-<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>
-</code>
-\\
->Option
-<code javascript>
-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'
-            }
-        }]
-    }
-});
-</code>
-===== Ref =====
-[[https://chartjs-plugin-datalabels.netlify.app/|chart.js-plugin-datalabels]]
-\\
-{{tag>eleven chart.js 라이브러리 데이터라벨}}

/volume1/web/dokuwiki/data/attic/wiki/d3/chart.js.1650341640.txt.gz · 마지막으로 수정됨: 2022/04/19 13:14 저자 bjlee