ChartMarkersBuilderBase
Methods
Type(Kendo.Mvc.UI.ChartMarkerShape)
Sets the markers shape type.
Parameters
type - ChartMarkerShape
The markers shape type.
Example
@(Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Line(s => s.Sales)
.Markers(markers => markers
.Type(ChartMarkerShape.Triangle)
)
)
)
Size(System.Int32)
Sets the markers size.
Parameters
size - System.Int32
The markers size.
Example
@(Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Line(s => s.Sales)
.Markers(markers => markers
.Size(10)
)
)
)
Visible(System.Boolean)
Sets the markers visibility
Parameters
visible - System.Boolean
The markers visibility.
Example
@(Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Line(s => s.Sales)
.Markers(markers => markers
.Visible(true)
)
)
)
Border(System.Int32,System.String,Kendo.Mvc.UI.ChartDashType)
Sets the markers border
Parameters
width - System.Int32
The markers border width.
color - System.String
The markers border color (CSS syntax).
dashType - ChartDashType
The markers border dash type.
Example
@(Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Line(s => s.Sales)
.Markers(markers => markers
.Border(1, "Red", ChartDashType.Dot)
)
)
)
Border(System.Action)
Configures the markers border
Parameters
configurator - System.Action<ChartBorderBuilder>
The border configuration action
Example
@(Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Line(s => s.Sales)
.Markers(markers => markers
.Border(border => border.Width(2))
)
)
)
BorderRadius(System.Double)
The border radius in pixels when type is set to "roundedRect". Defaults to 1/5 of the marker size.
Parameters
value - System.Double
The value for BorderRadius
Background(System.String)
The background color of the current series markers.
Parameters
backgorund - System.String
The background color of the current series markers. The background color is series color.
Example
@(Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Line(s => s.Sales)
.Markers(markers => markers
.Background("Red");
)
)
)
BackgroundHandler(System.Func)
Sets the function used to retrieve marker background.
Parameters
backgroundFunction - System.Func<Object,Object>
The JavaScript function that will be executed to retrieve the background of each marker.
Example
@(Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Line(s => s.Sales)
.Markers(m =>
m.BackgroundHandler(
@<text>
function(point) {
return point.value > 5 ? "red" : "green";
}
</text>
)
)
)
)
BackgroundHandler(System.String)
Sets the function used to retrieve marker background.
Parameters
backgroundFunction - System.String
The JavaScript function that will be executed to retrieve the background of each marker.
Example
@(Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Line(s => s.Sales)
.Markers(m => m.BackgroundHandler("backgroundFn"))
)
)
Rotation(System.Int32)
Sets the markers rotation angle.
Parameters
rotation - System.Int32
The markers rotation angle.
Example
@(Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Line(s => s.Sales)
.Markers(markers => markers
.Type(ChartMarkerShape.Triangle)
.Rotation(10)
)
)
)
Visual(System.String)
Sets the marker JavaScript visual handler
Parameters
handler - System.String
The handler name.
Example
@(Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Line(s => s.Sales)
.Markers(markers => markers
.Visual("markerVisual")
)
)
)
Visual(System.Func)
Sets the marker visual handler
Parameters
handler - System.Func<Object,Object>
The visual handler
Example
@(Html.Kendo().Chart()
.Name("Chart")
.Series(series => series
.Line(s => s.Sales)
.Markers(markers => markers
.Visual(
@<text>
function(e) {
return e.createVisual(); // returns the default visual
}
</text>
)
)
)
)
ZIndex(System.Double)
An optional Z-index that can be used to change the default stacking order of the markers.
Parameters
value - System.Double
The value for ZIndex
Example
@(Html.Kendo().Chart()
.Name("Chart")
.Series(s => s.Line(l => l.Sales).Markers(m => m.ZIndex(200)))
)
ZIndexHandler(System.String)
An optional Z-index that can be used to change the default stacking order of the markers.
Parameters
handler - System.String
The name of the JavaScript function that will be evaluated.
Example
@(Html.Kendo().Chart()
.Name("Chart")
.Series(s => s.Line(l => l.Sales).Markers(m => m.ZIndexHandler("zIndexHandler")))
)
ZIndexHandler(System.Func)
An optional Z-index that can be used to change the default stacking order of the markers.
Parameters
handler - System.Func<Object,Object>
The handler code wrapped in a text tag.
Example
@(Html.Kendo().Chart()
.Name("Chart")
.Series(s => s.Line(l => l.Sales).Markers(m => m.ZIndexHandler(
@<text>
function(e) {
//event handling code
}
</text>))))