Chart.js 범례 추가시 generateLabels 에러가 발생합니다

Question

Chart.js 를 이용해서 꺾은 선 그래프와 막대 그래프를 그렸습니다. 이후에, 범례를 추가하려고 예제를 보고 options에 legend 를 추가했는데,generateLabels 함수가 정의되지 않았다면서 에러가 발생하고, 차트가 그려지지 않습니다. var ctx &#61; document.getElementById(&#34;jan_lineChart&#34;); var lineChart &#61; new Chart(ctx, { type: 'line', data: { labels: [&#34;1월&#34;, &#34;2월&#34;, &#34;3월&#34;, &#34;4월&#34;, &#34;5월&#34;, &#34;6월&#34;, &#34;7월&#34;, &#34;8월&#34;, &#34;9월&#34;, &#34;10월&#34;, &#34;11월&#34;, &#34;12월&#34;], datasets: [{ label: &#34;My Second dataset&#34;, backgroundColor: &#34;rgba(3, 88, 106, 0.3)&#34;, borderColor: &#34;rgba(3, 88, 106, 0.70)&#34;, pointBorderColor: &#34;rgba(3, 88, 106, 0.70)&#34;, pointBackgroundColor: &#34;rgba(3, 88, 106, 0.70)&#34;, pointHoverBackgroundColor: &#34;#fff&#34;, pointHoverBorderColor: &#34;rgba(151,187,205,1)&#34;, pointBorderWidth: 1, data: [82, 23, 66, 9, 99, 4, 2] }] }, options: { responsive: true, legend: { position: 'bottom', }, hover: { mode: 'label' }, tooltips: { callbacks: { label: function(tooltipItem, data) { var tooltipValue &#61; data.datasets[tooltipItem.datasetIndex].data[tooltipItem.index] return parseInt(tooltipValue).toLocaleString(&#34;ko-KR&#34;); } } }, scales: { yAxes: [{ ticks: { beginAtZero: true, callback: function(value, index) { return value.toLocaleString(&#34;ko-KR&#34;); } } }] }, title: { display: true, text: '꺾은 선 그래프' } } }); 위 코드에서 options에 legend 만 빼면 차트를 잘 그려집니다.하지만 원하는 게 범례를 표시하는 거다보니, 꼭 쓰긴 해야하겠는데 에러가 발생하는데 왜 이런건지 모르겠네요. 비슷한 이슈를 찾기는 했는데, https://github.com/chartjs/Chart.js/issues/4754 어떻게 접목이 잘 안되네요.

백수이제그만 · Answer

포지션에서 콤마를 빼도 그런가요

NOZ · Answer

네

Chart.js 범례 추가시 generateLabels 에러가 발생합니다

2개의 답변

Q&A 목록