2014-07-11 3 views
31

내 Chart JS Line Chart에 레이블, 범례 및 제목을 표시하는 방법을 알아내는 데 어려움을 겪고 있습니다. example (아래에 재현)의 코드를 직접 복사했습니다. 그러나 "My First dataset"이라는 레이블은 차트의 아무 곳에 나 나타나지 않으므로 어느 선이 어떤 것인지 알 수 없습니다. 나는 또한 데이터 세트에 '제목'을 추가하려했지만 운이 없었습니다. 아무도 내가 누락 된 걸 알아?ChartJS : 레이블, 범례, 제목을 표시하는 방법은 무엇입니까?

var data = { 
labels: ["January", "February", "March", "April", "May", "June", "July"], 
datasets: [ 
    { 
     label: "My First dataset", 
     fillColor: "rgba(220,220,220,0.2)", 
     strokeColor: "rgba(220,220,220,1)", 
     pointColor: "rgba(220,220,220,1)", 
     pointStrokeColor: "#fff", 
     pointHighlightFill: "#fff", 
     pointHighlightStroke: "rgba(220,220,220,1)", 
     data: [65, 59, 80, 81, 56, 55, 40] 
    }, 
    { 
     label: "My Second dataset", 
     fillColor: "rgba(151,187,205,0.2)", 
     strokeColor: "rgba(151,187,205,1)", 
     pointColor: "rgba(151,187,205,1)", 
     pointStrokeColor: "#fff", 
     pointHighlightFill: "#fff", 
     pointHighlightStroke: "rgba(151,187,205,1)", 
     data: [28, 48, 40, 19, 86, 27, 90] 
    } 
]}; 

감사 옵션에 Saswat

+0

를 추가합니다. 범례에 액세스하려면 다음을 수행합니다. $ (element) .parent(). append (myNewChart.generateLegend()); (여기에서 myNewCart는 차트를 만들 때 사용한 변수입니다.) – Phil

+0

다른 주석. 아래쪽을 증류하고 피들을 만든 후 레이블이 예상대로 나타나기 때문에 간섭하는 다른 코드가 있어야합니다. 그것이 무엇이 될지 상상할 수 없습니다. 제작 사이트의 관련 코드는 필자의 바이올린과 정확히 동일하지만 아직 레이블이 보여주는 바이올린과 동일합니다 ... Hmmmmmm ... – Phil

+0

도움이 될만한 http://stackoverflow.com/questions/24510278/chart-js-multitooltip-labels – CRABOLO

답변

49

내가 또한 기본 코드를 사용할 때 라벨 표시 얻을 수 없어요이 매개 변수

multiTooltipTemplate: "<%= datasetLabel %> - <%= value %>" 
+0

이와 유사한 문제가 있습니다. 친절하게 도와주세요. http://stackoverflow.com/questions/39279205/how-to-display-sign-on-mouse-hover-in-pie-chart – Unbreakable

+0

완벽한 답변 주셔서 감사합니다. – Vivek

관련 문제