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

ChartBubbleSeriesHighlightBuilder

Methods

Border(System.Int32)

Sets the border width of the bubble highlight.

Parameters

width - System.Int32

The value of the width.

Example


            @(Html.Kendo().Chart<ChartViewModel>()
                       .Name("Chart")
                       .Series(series => series
                            .Bubble(s => s.x, s => s.y, s => s.size)
                            .Highlight(h=>h.Border(2))
                       )
            )

Border(System.Int32,System.String)

Sets the border width and color of the bubble highlight.

Parameters

width - System.Int32

The border width.

color - System.String

The border color

Example


            @(Html.Kendo().Chart<ChartViewModel>()
                       .Name("Chart")
                       .Series(series => series
                            .Bubble(s => s.x, s => s.y, s => s.size)
                            .Highlight(h=>h.Border(2, "#33ccff"))
                        )
            )

Border(System.Action)

Defines the border configuration of the highlight.

Parameters

configurator - System.Action<ChartBorderBuilder>

The action that configures the border options.

Example


            @(Html.Kendo().Chart<ChartViewModel>()
                       .Name("Chart")
                       .Series(series => series
                            .Bubble(s => s.x, s => s.y, s => s.size)
                            .Highlight(h=>h.Border(border=>border.Width(2)))
                        )
            )

Opacity(System.Double)

Sets the opacity of the bubble highlight.

Parameters

opacity - System.Double

The value of the opacity.

Example


            @(Html.Kendo().Chart<ChartViewModel>()
                       .Name("Chart")
                       .Series(series => series.Bubble(s => s.x, s => s.y, s => s.size).Highlight(h=>h.Opacity(0.5)))
            )

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?