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