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