ajax - DOJO onclick 饼图切片以向下钻取

Question

我试图找到几个地方这是如何工作的，但找不到。

要求是通过单击饼图部分向下钻取到下一个级别。我什至可以获得 onclick 但不确定如何从图表中获取值。它到处都指向http://www.sitepen.com/blog/2008/05/27/dojo-charting-event-support-has-landed/但没有任何现场演示。到目前为止，我已经设法获得了 onclick。

chart.addSeries("Monthly Sales - 2010", chartData);
var h = chart.connectToPlot("default", function(o){ 
if(o.type == "onclick"){
alert("clicked!"); 
  } 
}); 

Answer 1

var store = new dojo.store.Memory({data: [
    { id: '2', value: 10, usedForDrillDown:'x' },
    { id: '3', value: 5, usedForDrillDown: 'y' },
    { id: '4', value: 8, usedForDrillDown:'z' }
]});
// adapter needed, because the chart uses the dojo.data API
var storeAdapter = new dojo.data.ObjectStore({
    objectStore: store
});

var ds = new dojox.charting.DataSeries(
        storeAdapter/*, { query: { needed if the store contains more than data points } }*/);

var chart = new dojox.charting.Chart("chart");
chart.addPlot("default", { type: "Pie" });
chart.addSeries("default", ds);

chart.connectToPlot("default", function(evt) {
    if(evt.type == "onclick"){
        var itm = evt.run.source.items[evt.index]; 
        console.dir(itm);
    }     
});

chart.render();