Kendo.Mvc.UI.Fluent.ChartSeriesHighlightBuilder

Defines the fluent interface for configuring series highlight.

Properties

Highlight

Gets or sets the highlight

Methods

Visible(System.Boolean)

Sets the highlight visibility

Parameters

visible System.Boolean

The highlight visibility.

Example (ASPX)

@(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 (Razor)

@(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<System.Object,System.Object>)

Sets the highlight toggle handler

Parameters

handler System.Func<System.Object,System.Object>

The toggle handler

Example (ASPX)

@(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 (Razor)

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

Visual(System.Func<System.Object,System.Object>)

Sets the highlight visual handler

Parameters

handler System.Func<System.Object,System.Object>

The visual handler

Example (ASPX)

@(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>)
            )
        )
    )