棒グラフのJson APIを呼び出すNVD3.js

Question

NVD3.jsライブラリを使用して棒グラフをドリルダウンしようとしています。チャートは正常に作成されました。特定のバーをクリックしてJson APIを呼び出して、パラメータごとに新しいチャートを生成できるようにしたいと思います。

nv.addGraph(function() { 
    var chart = nv.models.discreteBarChart() 
     .x(function(d) { return d.label }) 
     .y(function(d) { return d.value }) 
     .showValues(true) 
     .duration(1000) 
     .showLegend(true) 
     ; 
    d3.select('#chart1 svg') 
    .datum(data) 
    .transition().duration(500) 
    .call(chart); 

      chart.discretebar.dispatch.on("elementClick", function(e) { 
    alert("You've clicked " + e.data.label); 
    }); 


     d3.select('#chart1 svg').datum(historicalBarChart).call(chart); 


     nv.utils.windowResize(chart.update); 
     return chart; 
    }); 

私がクリックしたバーのラベル値で警告が表示されます。今私は警告の代わりにJson APIを呼びたいと思う。

親切

おかげ

Answer 1

がhttp://learnjsdata.com/read_data.html

d3.json("/data/employees.json", function(data) { 
    console.log(data[0]); 
});