New to Telerik UI for ASP.NET MVC? Download free 30-day trial

ChartSeriesHighlightBuilder

Methods

Visible(System.Boolean)

Sets the highlight visibility

Parameters

visible - System.Boolean

The value that sets the highlight visibility.

Example


            @(Html.Kendo().Chart()
                      .Name("Chart")
                      .Series(series => series.Pie(s => s.Sales, s => s.DateString)
                            .Highlight(highlight => highlight.Visible(false))
                      )
            )

Toggle(System.String)

Sets the highlight toggle handler

Parameters

handler - System.String

The JavaScript toggle handler name.

Example


            @(Html.Kendo().Chart()
                      .Name("Chart")
                      .Series(series => series.Pie(s => s.Sales, s => s.DateString)
                            .Highlight(highlight => highlight.Toggle("toggleHighlight"))
                      )
            )
            <script>
                    function toggleHandler(e) {
                        e.preventDefault();

                        var opacity = e.show ? 0.5 : 1;
                        e.visual.opacity(opacity);
                    }
            </script>

Toggle(System.Func)

Sets the highlight toggle handler

Parameters

handler - System.Func<Object,Object>

The toggle handler

Example


            @(Html.Kendo().Chart()
                      .Name("Chart")
                      .Series(series => series.Pie(s => s.Sales, s => s.DateString)
                            .Highlight(highlight => highlight.Toggle(
                                @<text>
                                    function(e) {
                                        e.preventDefault();

                                        var opacity = e.show ? 0.5 : 1;
                                        e.visual.opacity(opacity);
                                    }
                                </text>)
                            )
                      )
            )

Visual(System.String)

Sets the highlight visual handler

Parameters

handler - System.String

The JavaScript visual handler name.

Example


            @(Html.Kendo().Chart()
                      .Name("Chart")
                      .Series(series => series.Pie(s => s.Sales, s => s.DateString)
                            .Highlight(highlight => highlight.Toggle("highlightVisual"))
                      )
            )

Visual(System.Func)

Sets the highlight visual handler

Parameters

handler - System.Func<Object,Object>

The visual handler

Example


            @(Html.Kendo().Chart()
                      .Name("Chart")
                      .Series(series => series.Pie(s => s.Sales, s => s.DateString)
                            .Highlight(highlight => highlight.Visual(
                                @<text>
                                    function(e) {
                                        return e.createVisual(); // returns the default visual
                                    }   
                                </text>)
                            )
                      )
            )

InactiveOpacity(System.Double)

The opacity of the series when another series is highlighted.

Parameters

value - System.Double

The value for InactiveOpacity

Example


            @(Html.Kendo().Chart()
                      .Name("Chart")
                      .Series(series => series.Pie(s => s.Sales, s => s.DateString)
                            .Highlight(highlight => highlight.InactiveOpacity(10)
                      )
            )

In this article
Not finding the help you need?