在sapui5的饼图

Question

我有一个下拉列表，其中我有下拉值作为区域和状态。 现在，当我从下拉列表中选择区域时，我会显示带有区域值的饼图和选择饼图部分 我只在表格中显示所选的区域值。

（例如，如果我从饼图中选择南部区域，那么只有南区记录将显示在表格中）。

我已经完成了。

但是当我从下拉列表中选择状态时，会显示带有状态值的饼图，但是在点击饼图部分时，记录不会显示在表格中。

到目前为止，我已经使用了这些代码............

var oEvDataSet = new sap.viz.ui5.data.FlattenedDataset("EV_REPORT_DATASET", {

    dimensions: [{
        name: "ZONE",
        axis: 1,
        value: "{Key}"
    }],

    measures: [{

        name: "NUMBER",
        value: "{Number}"
    }],

    data: {

        path: "EVENTREPORT>/ZONE"
            //path: "EVENTREPORT>/Category"

    }

});

var line = new sap.viz.ui5.Pie({

    width: "60%",
    height: "500px",
    dataset: oEvDataSet

});


var fSelectionChanged = function(oEvent) {
    var data = this.selection();
    // var country,dso;
    var dataFilter = [];
    for (i in data) {
        var zone = data[i].data.ZONE;
        //var state = data[i].data.STATE;
        // state = data[i].data.STATE;
        dataFilter.push(new sap.ui.model.Filter("ZONE", "EQ", zone));

        //dataFilter.push(new sap.ui.model.Filter("STATE","EQ",state));
    }
    for (i in eventReportAllFilter) {
        dataFilter.push(eventReportAllFilter[i]);

        // dataFilter.push(new sap.ui.model.Filter("STATE","EQ",state));
    }

    //dataFilter.push(eventReportAllFilter);
    Ev_oTable_AllVenues.bindRows('AM_EventList>/eventlist', oERZoneSorter, dataFilter);
};

line.attachSelectData(fSelectionChanged);
line.attachDeselectData(fSelectionChanged);
line.attachInitialized(function() {});
oER_VerLayout.addContent(line);

你也可以在图片中看到。

在图像中，如果我选择下拉值作为饼图正在显示的状态，但在选择饼图部分时，值不会显示在表格中。

我怎么能这样做？??

请帮我解决这个问题。

由于 Sathish所在