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

DOJO在饼图切片上点击以向下钻取

1 个答案: