2016-08-19 2 views
4

legendCallback 작품을 만들 수없는 것 같습니다. angular-chart.js legendCallback

나는 이런 식으로 퍼팅 시도 :

options = { 
    legend: { 
     legendCallback: function (chart) { 
      console.log(chart); 
      return 'a'; 
     } 
    } 
} 

OR 

options = { 
    legend: { 

    }, 

    legendCallback: function (chart) { 
     console.log(chart); 
     return 'a'; 
    } 
} 

나는 또한 두 번째에 legendlegendCallback 전환 시도했지만 여전히 작동이나 오류를 제공하지 않습니다.

+0

당신은 큰 소리로 제공 할 수 있습니까? –

+0

나는 그것이 필요한 경우 할 수 있습니다. 그러나 내가 준 발췌 문장에 기초를 두어라. 'legendCallback'을 추가하는 올바른 부분은 무엇입니까? – iamdevlinph

답변

0

Chart.js docs에 따르면, legendCallback

var chartInstance = new Chart(ctx, { 
    type: 'line', 
    data: data, 
    options: { 
     legendCallback: function (chart) { 
      console.log(chart); 
      return 'a'; 
     } 
    } 
}); 
+0

이것은 OP가 이미 수행 한 작업의 100 %입니다 – Blauhirn

1

legendCallback 기능은 옵션에 대한 설정, 차트 JS에 의해 실행 한 다음 chartInstance.generateLegend에 전화를 통해 호출 코드에 사용할이다 (즉, 글로벌 옵션입니다) 페이지의 요소에 추가 할 HTML을 생성합니다.

var chartInstance = new Chart(ctx, { 
    type: 'line', 
    data: data, 
    options: { 
     legendCallback: function (chart) { 
      console.log(chart); 
      return 'a'; 
     } 
    } 
}); 

// This runs the legendCallback and returns the result 
var legendHtml = chartInstance.generateLegend(); 
+0

작동하지 않는 이유와 문제를 해결하기 위해 수행 한 작업을 설명하는 설명을 추가 할 수 있습니까? – Moseleyi

+0

legendCallback 함수는 Chart JS에서 실행 한 옵션에서 설정 한 다음 페이지의 요소에 추가 할 HTML을 생성하는 chartInstance.generateLegend()를 호출하여 호출 코드에서 사용할 수 있습니다. 위의 답변을 업데이트했습니다. –