Chart.js 기본 설정에 액세스하려면 어떻게해야합니까? (& 관련 - 도구 팁은 어떻게 켜야합니까?)

Question

Chart.js 도넛 형 차트를 사용하고 있습니다. 차트가 정상적으로 나타납니다. 그러나 도구 팁이 없습니다 (Chart.js를 사용하여 작성한 다른 모든 차트와 마찬가지로). 왜 이래요? 어떻게 켜는 거죠? 온라인 문서에서는 Chart.defaults.global에서 글로벌 기본값 (도구 팁을 기본적으로 설정한다고 주장하지만 도구 설명을 설정/해제 할 수 있음)에 액세스 할 수 있다고 주장합니다. Chart.defaults.global은 Chart .defaults는 존재하지 않습니다. 도구 팁을 사용할 수 있도록이 기본값에 액세스하려고합니다. 제공 할 수있는 도움에 감사드립니다.

var context = document.getElementById("scoreChart").getContext("2d"); 
    var chartData = [ 
     { 
      label: "Number correct", 
      value: $scope.numRight, 
      color: "rgb(134, 202,54)", 
      highlight: "rgb(100,100,100)" 
      //not sure what highlight does 
     }, 
     { 
      label: "Number wrong", 
      value: $scope.myTest.testQuestions.length - $scope.numRight, 
      color: '#7c0b10', 
      highlight: 'rgb(10,10,10)' 
     } 
    ]; 
    var theChart = new Chart(context); 
    var theDough = theChart.Doughnut(chartData/*, chartOptions*/); 
    console.log("Here is the chart object:"); 
    console.log(theChart); 
    console.log("Chart.Doughnut object:"); 
    console.log(theChart.Doughnut); 
    console.log("Chart.Doughnut.defaults:"); 
    console.log(theChart.Doughnut.defaults); // <-- This works 
    console.log("theChart.defaults:"); 
    console.log(theChart.defaults); // <--This is undefined 
    console.log("Chart.defaults.global:"); 
    console.log(Chart.defaults.global); // throws an error 
         // because Chart.defaults is undefined 

업데이트 : 수정 됨. Chart.js 버전은 상당히 오래된 버전입니다. 아래 내 대답을 참조하십시오.

Answer 1

Bower를 사용하여 Chart.js를 다운로드했습니다. Bower에 나열된 Chart.js의 버전이 오래되었습니다. 그것이 문서가 틀린 이유입니다. Github의 최신 Chart.js를 잘라내 내 프로젝트에 붙여 넣어야했습니다. 그리고 voila, tooltips 및 객체는 설명서에서 말하는대로 동작합니다.

"chartjs": "master" 

을하고 자동으로 올바른 사본을 당겨해야합니다 JAAulde는 지적 또는 , 쉽게, 당신은 단지를 가리 키도록 이물 dependecies을 설정할 수 있습니다.

Answer 2

theChart 및 theDough은 별도의 개체가 아니라 한 번에 설정해야합니다. 예를 들어이 여전히 당신에게 툴팁을하지 않는 경우

var theChart = new Chart(ctx).Doughnut(data);

는에 전달하고 다음 옵션을 수정하여 툴팁 스타일에

var theChart = new Chart(ctx).Doughnut(data, { 
    // Boolean - Determines whether to draw tooltips on the canvas or not 
    showTooltips: true, 
}); 

더 다양한를, 세계에 대한 문서를 체크 아웃 이 페이지의 차트 옵션 : http://www.chartjs.org/docs/#getting-started-global-chart-configuration