Clever Geek Handbook

DOJO onclick on the circle of a pie chart for drill down

I tried to find several places how this works, but cannot.

The requirement is to expand by clicking on a piece of pie to the next level. I can get onclick even, but not sure how to get the value from the chart. He points to http://www.sitepen.com/blog/2008/05/27/dojo-charting-event-support-has-landed/ everywhere , but nowhere is a live demo given. So far I've managed to get the onclick.

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


source to share


1 answer 


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();


+2


source






More articles:


All Articles