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

ChartBubbleSeriesHighlightBuilder

Defines the fluent interface for configuring bubble series highlight.

Methods

Border(System.Int32)

Sets the bubble highlight border width. The color is computed automatically from the base point color.

Parameters

width - System.Int32

The bubble highlight border width.

Example


            @(Html.Kendo().Chart()
                       .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 bubble highlight border width.

Parameters

width - System.Int32

The border width.

color - System.String

The border color

Example


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

Border(System.Action)

Configures the highlight border

Parameters

configurator - System.Action<ChartBorderBuilder>

Example


            @(Html.Kendo().Chart()
                       .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 bubble highlight opacity.

Parameters

opacity - System.Double

The bubble highlight opacity.

Example


            @(Html.Kendo().Chart()
                       .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 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 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

In this article
Not finding the help you need?