剑道ui饼状图单击事件

Kendo ui pie chart click event

本文关键字：单击 事件 ui 剑道      更新时间：2023-09-26

有人知道如何为Kendo-UI数据可视化饼状图创建单击事件吗?

我想获得被点击部分的模板信息。

这是剑道代码指定:

@(Html.Kendo().Chart<Kendo.Mvc.Examples.Models.ScreenResolutionRemoteDataViewModel>()
            .Name("chart" + year)
            .Title(year)
            .HtmlAttributes(new { @class = "small-chart" })
            .Legend(legend => legend
                .Visible(false)
            )
            .DataSource(ds =>
            {
                ds.Read(read => read.Action("_SpainElectricityProduction", "Pie_Charts"));
                ds.Filter(filter => filter.Add(model => model.Year).IsEqualTo(year));
                ds.Sort(sort => sort.Add(model => model.Year).Ascending());
            }
            )
            .Series(series => series
                    .Pie(model => model.Share, model => model.Resolution, model => model.Color)
                    .Padding(0)
            )
            .Tooltip(tooltip => tooltip
                .Visible(true)
                .Format("{0:N0}")
                .Template("#= category # - #= kendo.format('{0:P}', percentage)#")
            )
        )

图表控件提供事件。出于您的目的，请使用SeriesClick事件。在MVC中，它可以这样使用:

@(Html.Kendo().Chart<Kendo.Mvc.Examples.Models.ScreenResolutionRemoteDataViewModel>()
  .Events(events => events
    .SeriesClick("onSeriesClick")
  )
function onSeriesClick(e) {
    kendoConsole.log(kendo.format("Series click :: {0} ({1}): {2}",
        e.series.name, e.category, e.value));
}
http://demos.telerik.com/aspnet-mvc/chart-api/events

相关文章：