2017-10-09 4 views
-1

chart.js로 만든 stackedBar 차트가 있고, 데이터 세트는 개체 목록이있는 개체의 데이터로 채워지며 이러한 개체 목록은 데이터입니다. 이제 내가 쌓기를 클릭하고 객체 (데이터) 목록을 새보기로 표시하려고합니다. 클릭하면 어떻게 데이터를 얻을 수 있습니까?차트 js 스택 막대 클릭 가능하게하기

function Person(id, name, orders){ 
    this.id = id; 
    this.name = name; 
    this.orders = orders; 
} 

function Order (name, nextProofDate){ 
    this.name = name; 
    this.nextProofDate = nextProofDate; 
}' 

위격이 데이터 집합 및 주문입니다 것은 내가 당신이 멀리보다 공정한 조금을 가지고

답변

0

데이터, 그러나 나는 또한 charts.js에 문제가 오전 (나는를 매핑 할 수 없습니다 해요 막대의 데이터 원래 덩어리) 내 솔루션 캔버스가있는 요소의 onClick을 설정하는 것입니다.

<div onclick="GraphClick"> 
    <canvas id="ThisGraph"></canvas> 
</div> 

<script type="text/javascript"> 
    var ctx = document.getElementById("ThisGraph").getContext('2d'); 
    var myChart = new Chart(ctx).Bar({datasets: [{label: 'A', data: [12, 19], fillColor: '#ff0000' },{label: 'B', data: [11, 4], fillColor:'#0000ff' }], labels: ["One", "two"]}, {}) 
    function GraphClick(evt){ 
    var aPartsAt = myChart.getBarsAtEvent(evt); 
    if (aPartsAt[0]) alert (aPartsAt[0].value); 
    } 
</script>