Kendo.Mvc.UI.Fluent.ChartAxisCrosshairTooltipBuilder
Defines the fluent interface for configuring ChartAxisCrosshairTooltipBuilder.
Methods
Font(System.String)
Sets the tooltip font
Parameters
font System.String
The tooltip font (CSS format).
Example (ASPX)
@(Html.Kendo().Chart()
.Name("Chart")
.Series(series => {
.series.Bar(new double[] { 15.7, 16.7, 20, 23.5, 26.6 }).Name("World");
.series.Bar(new double[] { 67.96, 68.93, 75, 74, 78 }).Name("United States");
})
.CategoryAxis(axis => axis
.Categories("2005", "2006", "2007", "2008", "2009")
.Crosshair(crosshair => crosshair
.Visible(true)
.Tooltip(tooltip => tooltip
.Font("14px Arial,Helvetica,sans-serif")
.Visible(true)
)
)
)
)
Visible(System.Boolean)
Sets the tooltip visible
Parameters
visible System.Boolean
The tooltip visible.
Example (ASPX)
@(Html.Kendo().Chart()
.Name("Chart")
.Series(series => {
.series.Bar(new double[] { 15.7, 16.7, 20, 23.5, 26.6 }).Name("World");
.series.Bar(new double[] { 67.96, 68.93, 75, 74, 78 }).Name("United States");
})
.CategoryAxis(axis => axis
.Categories("2005", "2006", "2007", "2008", "2009")
.Crosshair(crosshair => crosshair
.Visible(true)
.Tooltip(tooltip => tooltip
.Visible(true)
)
)
)
)
Background(System.String)
Sets the tooltip background
Parameters
background System.String
The tooltip background.
Example (ASPX)
@(Html.Kendo().Chart()
.Name("Chart")
.Series(series => {
.series.Bar(new double[] { 15.7, 16.7, 20, 23.5, 26.6 }).Name("World");
.series.Bar(new double[] { 67.96, 68.93, 75, 74, 78 }).Name("United States");
})
.CategoryAxis(axis => axis
.Categories("2005", "2006", "2007", "2008", "2009")
.Crosshair(crosshair => crosshair
.Visible(true)
.Tooltip(tooltip => tooltip
.Background("red")
.Visible(true)
)
)
)
)
Color(System.String)
Sets the tooltip text color
Parameters
color System.String
The tooltip text color. The default is the same as the series labels color.
Example (ASPX)
@(Html.Kendo().Chart()
.Name("Chart")
.Series(series => {
.series.Bar(new double[] { 15.7, 16.7, 20, 23.5, 26.6 }).Name("World");
.series.Bar(new double[] { 67.96, 68.93, 75, 74, 78 }).Name("United States");
})
.CategoryAxis(axis => axis
.Categories("2005", "2006", "2007", "2008", "2009")
.Crosshair(crosshair => crosshair
.Visible(true)
.Tooltip(tooltip => tooltip
.color("red")
.Visible(true)
)
)
)
)
Padding(System.Int32,System.Int32,System.Int32,System.Int32)
Sets the tooltip padding
Parameters
top System.Int32
The tooltip top padding.
right System.Int32
The tooltip right padding.
bottom System.Int32
The tooltip bottom padding.
left System.Int32
The tooltip left padding.
Example (ASPX)
@(Html.Kendo().Chart()
.Name("Chart")
.Series(series => {
.series.Bar(new double[] { 15.7, 16.7, 20, 23.5, 26.6 }).Name("World");
.series.Bar(new double[] { 67.96, 68.93, 75, 74, 78 }).Name("United States");
})
.CategoryAxis(axis => axis
.Categories("2005", "2006", "2007", "2008", "2009")
.Crosshair(crosshair => crosshair
.Visible(true)
.Tooltip(tooltip => tooltip
.Padding(0, 5, 5, 0)
.Visible(true)
)
)
)
)
Padding(System.Int32)
Sets the tooltip padding
Parameters
padding System.Int32
The tooltip padding.
Example (ASPX)
@(Html.Kendo().Chart()
.Name("Chart")
.Series(series => {
.series.Bar(new double[] { 15.7, 16.7, 20, 23.5, 26.6 }).Name("World");
.series.Bar(new double[] { 67.96, 68.93, 75, 74, 78 }).Name("United States");
})
.CategoryAxis(axis => axis
.Categories("2005", "2006", "2007", "2008", "2009")
.Crosshair(crosshair => crosshair
.Visible(true)
.Tooltip(tooltip => tooltip
.Padding(20)
.Visible(true)
)
)
)
)
Border(System.Int32,System.String)
Sets the tooltip border
Parameters
width System.Int32
The tooltip border width.
color System.String
The tooltip border color (CSS syntax).
Example (ASPX)
@(Html.Kendo().Chart()
.Name("Chart")
.Series(series => {
.series.Bar(new double[] { 15.7, 16.7, 20, 23.5, 26.6 }).Name("World");
.series.Bar(new double[] { 67.96, 68.93, 75, 74, 78 }).Name("United States");
})
.CategoryAxis(axis => axis
.Categories("2005", "2006", "2007", "2008", "2009")
.Crosshair(crosshair => crosshair
.Visible(true)
.Tooltip(tooltip => tooltip
.Border(1, "Red")
.Visible(true)
)
)
)
)
Border(System.Action<Kendo.Mvc.UI.Fluent.ChartBorderBuilder>)
Configures the tooltip border
Parameters
configurator System.Action<Kendo.Mvc.UI.Fluent.ChartBorderBuilder>
The border configuration action
Format(System.String)
Sets the tooltip format
Parameters
format System.String
The tooltip format.
Example (ASPX)
@(Html.Kendo().Chart()
.Name("Chart")
.Series(series => {
.series.Bar(new double[] { 15.7, 16.7, 20, 23.5, 26.6 }).Name("World");
.series.Bar(new double[] { 67.96, 68.93, 75, 74, 78 }).Name("United States");
})
.CategoryAxis(axis => axis
.Categories("2005", "2006", "2007", "2008", "2009")
.Crosshair(crosshair => crosshair
.Visible(true)
.Tooltip(tooltip => tooltip
.Format("{0:C}")
.Visible(true)
)
)
)
)
Template(System.String)
Sets the tooltip template
Parameters
template System.String
The tooltip template.
Example (ASPX)
@(Html.Kendo().Chart()
.Name("Chart")
.Series(series => {
.series.Bar(new double[] { 15.7, 16.7, 20, 23.5, 26.6 }).Name("World");
.series.Bar(new double[] { 67.96, 68.93, 75, 74, 78 }).Name("United States");
})
.CategoryAxis(axis => axis
.Categories("2005", "2006", "2007", "2008", "2009")
.Crosshair(crosshair => crosshair
.Visible(true)
.Tooltip(tooltip => tooltip
.Template("|<#= value #|>")
.Visible(true)
)
)
)
)
Opacity(System.Double)
Sets the tooltip 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")
.Series(series => {
.series.Bar(new double[] { 15.7, 16.7, 20, 23.5, 26.6 }).Name("World");
.series.Bar(new double[] { 67.96, 68.93, 75, 74, 78 }).Name("United States");
})
.CategoryAxis(axis => axis
.Categories("2005", "2006", "2007", "2008", "2009")
.Crosshair(crosshair => crosshair
.Visible(true)
.Tooltip(tooltip => tooltip
.Opacity(0.5)
.Visible(true)
)
)
)
)