Kendo ui 用户单击时分解饼图部分

Kendo ui 用户单击时分解饼图部分,kendo-ui,kendo-dataviz,kendo-datasource,Kendo Ui,Kendo Dataviz,Kendo Datasource,我找到了一个链接,解释了当用户单击一个楔子()时如何分解饼图部分,但它对我不起作用。据我所知,它似乎没有更新绑定到图表字段的数据源字段。单击饼图部分但不分解该部分时,将调用createChart()函数。该示例运行良好,但如果我尝试将其应用到自己的代码中,则效果不佳。我还有一个剑道网格连接到同一个数据源。网格是可编辑的,如果我“检查”分解字段中的记录,饼图切片将分解。我还删除了网格,认为可能是连接到同一数据源的两个控件造成了问题,但这也不起作用。有人能看到我的代码有什么问题吗?您可以在此处看到我

我找到了一个链接,解释了当用户单击一个楔子()时如何分解饼图部分,但它对我不起作用。据我所知,它似乎没有更新绑定到图表字段的数据源字段。单击饼图部分但不分解该部分时,将调用createChart()函数。该示例运行良好,但如果我尝试将其应用到自己的代码中,则效果不佳。我还有一个剑道网格连接到同一个数据源。网格是可编辑的,如果我“检查”分解字段中的记录,饼图切片将分解。我还删除了网格,认为可能是连接到同一数据源的两个控件造成了问题,但这也不起作用。有人能看到我的代码有什么问题吗?您可以在此处看到我的代码示例:

包含要在图表中显示的数据的My类:

public partial class GetTotals_Result
{
    public Nullable<int> Total { get; set; }
    public int PETypeID { get; set; }
    public string Description { get; set; }
    public bool Exploded { get; set; }
}

我相信数据源永远不会得到更新(您定义的“Hydro”将exploded设置为true)。但是,如果按照中所示设置数据源,则会发生爆炸。我相信,如果您选择在函数范围之外使用定义dataContext变量的原始模式,则可能需要在series click事件中手动更新数据源中的dataItem

 function createChart() {
                $("#piechart").kendoChart({
                    title: {
                        position: "bottom",
                        text: "Patient Encounter Totals by Encounter Type - Pie"
                    },
                    legend: {
                        position: "bottom",
                        padding: {right: 20, left: 20},
                        border: { width: 1}
                    },
                    dataSource: { data: data },
                    ... 
  }

我更改了seriesClick以直接访问数据源,而不是通过图表:seriesClick:function(e){$(e.sender.datasource.options.data)(“分解”,true);}});createChart();}
 function createChart() {
                $("#piechart").kendoChart({
                    title: {
                        position: "bottom",
                        text: "Patient Encounter Totals by Encounter Type - Pie"
                    },
                    legend: {
                        position: "bottom",
                        padding: {right: 20, left: 20},
                        border: { width: 1}
                    },
                    dataSource: { data: data },
                    ... 
  }