Kendo.Mvc.UI.Fluent.ChartAxisTitleBuilder
Defines the fluent interface for configuring the ChartAxisTitle.
Methods
Text(System.String)
Sets the axis title text.
Parameters
text System.String
The text of the axis title.
Example (ASPX)
@(Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis
.Title(title => title
.Text("Axis")
)
)
)
Font(System.String)
Sets the axis title font.
Parameters
font System.String
The axis title font (CSS format).
Example (ASPX)
@(Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis
.Title(title => title
.Font("16px Arial,Helvetica,sans-serif")
)
)
)
Background(System.String)
Sets the axis title background color.
Parameters
background System.String
The axis background color.
Example (ASPX)
@(Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis
.Title(title => title
.Background("red")
)
)
)
Color(System.String)
Sets the axis title text color.
Parameters
color System.String
The axis text color.
Example (ASPX)
@(Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis
.Title(title => title
.Color("red")
)
)
)
Position(Kendo.Mvc.UI.ChartAxisTitlePosition)
Sets the axis title position.
Parameters
position Kendo.Mvc.UI.ChartAxisTitlePosition
The axis title position.
Example (ASPX)
@(Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis
.Title(title => title
.Position(ChartTitlePosition.Center)
)
)
)
Margin(System.Int32,System.Int32,System.Int32,System.Int32)
Sets the axis title margin.
Parameters
top System.Int32
The axis title top margin.
right System.Int32
The axis title right margin.
bottom System.Int32
The axis title bottom margin.
left System.Int32
The axis title left margin.
Example (ASPX)
@(Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis
.Title(title => title
.Margin(20, 20, 20, 20)
)
)
)
Margin(System.Int32)
Sets the axis title margin.
Parameters
margin System.Int32
The axis title margin.
Example (ASPX)
@(Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis
.Title(title => title
.Margin(20)
)
)
)
Padding(System.Int32,System.Int32,System.Int32,System.Int32)
Sets the axis title padding.
Parameters
top System.Int32
The axis title top padding.
right System.Int32
The axis title right padding.
bottom System.Int32
The axis title bottom padding.
left System.Int32
The axis title left padding.
Example (ASPX)
@(Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis
.Title(title => title
.Padding(20, 20, 20, 20)
)
)
)
Padding(System.Int32)
Sets the axis title padding
Parameters
padding System.Int32
The axis title padding.
Example (ASPX)
@(Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis
.Title(title => title
.Padding(20)
)
)
)
Rotation(System.Double)
Sets the axis title rotation.
Parameters
rotation System.Double
The axis title rotation.
Example (ASPX)
@(Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis
.Title(title => title
.Rotation(30)
)
)
)
Border(System.Int32,System.String,Kendo.Mvc.UI.ChartDashType)
Sets the axis title border
Parameters
width System.Int32
The axis title border width.
color System.String
The axis title border color.
dashType Kendo.Mvc.UI.ChartDashType
The axis title dash type.
Example (ASPX)
@(Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis
.Title(title => title
.Border(1, "#000", ChartDashType.Dot)
)
)
)
Border(System.Action<Kendo.Mvc.UI.Fluent.ChartBorderBuilder>)
Configures the title border
Parameters
configurator System.Action<Kendo.Mvc.UI.Fluent.ChartBorderBuilder>
The border configuration action
Example (ASPX)
@(Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis
.Title(title => title
.Text("Names")
.Border(border => border
.Color("green")
.Width(1)
)
)
)
)
Opacity(System.Double)
Sets the axis title opacity.
Parameters
opacity System.Double
The series opacity in the range from 0 (transparent) to 1 (opaque). The default value is 1.
Example (ASPX)
@(Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis
.Title(title => title
.Opacity(0.5)
)
)
)
Visible(System.Boolean)
Sets the axis title visibility
Parameters
visible System.Boolean
The axis title visibility.
Example (ASPX)
@(Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis
.Title(title => title
.Text("Names")
.Visible(false)
)
)
)
Visual(System.Func<System.Object,System.Object>)
Sets the function used to render the axis title.
Parameters
visualFunction System.Func<System.Object,System.Object>
The JavaScript function that will be executed to retrieve the visual of the axis title.
Visual(System.String)
Sets the function used to render the axis title.
Parameters
visualFunction System.String
The JavaScript function that will be executed to retrieve the visual of the axis title.
Example (Razor)
@(Html.Kendo().Chart()
.Name("Chart")
.CategoryAxis(axis => axis
.Title(title => title
.Text("Multiple Lines")
.Visual("getTitleVisual")
)
)
)
<script>
function getTitleVisual(e) {
var layout = new kendo.drawing.Layout(e.rect, {
orientation: "vertical",
alignContent: "center",
justifyContent: "end"
});
var words = e.text.split(" ");
for (var i = 0; i < words.length; i++) {
layout.append(new kendo.drawing.Text(words[i]));
}
layout.reflow();
return layout;
}
</script>