문서의 선택한 두 판 사이의 차이를 보여줍니다.
양쪽 이전 판 이전 판 다음 판 | 이전 판 | ||
wiki:d3:chart.js [2020/08/12 17:53] jskim |
— (현재) | ||
---|---|---|---|
줄 1: | 줄 1: | ||
- | ===== Chart.js 라이브러리 : 데이터라벨 표시하기 ===== | + | |
- | >CND | + | |
- | <code java> | + | |
- | <script src=" | + | |
- | <script src=" | + | |
- | </ | + | |
- | \\ | + | |
- | > | + | |
- | <code javascript> | + | |
- | var config = { | + | |
- | options: { // option - plugin에 datalabels옵션을 주면 모든 차트에 데이터라벨을 표시합니다. | + | |
- | plugins: { | + | |
- | datalabels: { | + | |
- | color: '# | + | |
- | textStrokeColor: | + | |
- | textStrokeWidth: | + | |
- | textShadowBlur: | + | |
- | textShadowColor: | + | |
- | } | + | |
- | } | + | |
- | }, | + | |
- | data: { // data - datasets에 datalabels옵션을 주면 해당 dataset의 차트에만 데이터라벨을 표시합니다. | + | |
- | datasets: [{ | + | |
- | datalabels: { | + | |
- | color: '# | + | |
- | } | + | |
- | }] | + | |
- | } | + | |
- | }); | + | |
- | </ | + | |
- | ===== Ref ===== | + | |
- | [[https:// | + | |
- | \\ | + | |
- | {{tag> | + |