2017-10-09 1 views
-1

私はchart.jsで作成されたstackedBarチャートを持っています。データセットはオブジェクトのリストを持つオブジェクトのデータで満たされています。今私がしたいことは、スタックバーをクリックしてオブジェクト(データ)のリストを新しいビューで表示したいのです。 これらのデータをクリックするにはどうすればよいですか?chart 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> 
関連する問題