2017-11-19 6 views
1

올해와 올해 작년의 막대 차트 및 데이터 집합 "올해"& "이전 연도"에 대한 레이블이 표시되지 않습니다. 이 기능은 다중 데이터 세트를 나란히 비교할 때 특히 유용하므로 어떤 도움도 크게 받으실 수 있습니다. 길을 내 chartjs 버전으로 은 2.1.4Chartjs 막대 데이터 집합 레이블이 표시되지 않습니다.

var chartdata = { 
    type: 'bar', 
    data: { 
     labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'], 
     // labels: month, 
     datasets: [ 
     { 
      label: 'this year', 
      backgroundColor: '#26B99A', 
      data: sold1 
     }, 
     { 
      label: 'previous year', 
      backgroundColor: '#03586A', 
      data: sold2 
     } 
     ] 
    } 
    }; 
+0

확인이 스레드를 여전히 대답을해야하는 경우 : https://stackoverflow.com/questions/24510278/chart -js-multitooltip-labels –

답변

0

sold1sold2을 확인합니다.

console.log(sold1); 
console.log(sold2); 

예를 들어이가 작동 :

var chartdata = { 
    { 
     type: 'bar', 
     data: { 
      labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'], 
      // labels: month, 
      datasets: [ 
      { 
       label: 'this year', 
       backgroundColor: '#26B99A', 
       data: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12] 
      }, 
      { 
       label: 'previous year', 
       backgroundColor: '#03586A', 
       data: [2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13] 
      } 
      ] 
     } 
    } 
}; 



var ctx = document.getElementById('chartContainer').getContext('2d'); 
new Chart(ctx, chartdata); 

JSFiddle에게https://jsfiddle.net/1davgzmh/1/

+0

도움을 주셔서 감사합니다. Alex! 콘솔을 다시 확인하고 두 출력이 올바른 것 같습니다. : – Abishot2017

+0

sold1 출력 ("357508.03", "393790.14", "407346.07", "557704.12", "555916.68", "422659.26", "297766.49", "448256.07" , "510020.86", "325525.30", "89214.27"] – Abishot2017

+0

sold2 출력 (11) [ "409550.01", "396759.48", "337295.41", "404729.91", "298772.12", "455665.55", "411476.19", "403140.82 ","452218.70 ","390890.12 ","512817.69 "] – Abishot2017