ChartXAxisCrosshairTooltipSettingsTagHelper

Example

Razor
<chart-x-axis-crosshair-tooltip>
    <border />
    <padding />
</chart-x-axis-crosshair-tooltip>

ChildTags

Attributes

AttributeTypeDescription
backgroundStringThe background color of the tooltip. Accepts a valid CSS color string, including hex and rgb.
colorStringThe text color of the tooltip. Accepts a valid CSS color string, including hex and rgb.
fontStringThe tooltip font.
formatStringThe format used to display the tooltip. Uses kendo.format. Contains one placeholder ("{0}") which represents the value value.
positionStringTop position of the crosshair tooltip.
templateStringThe template which renders the tooltip.The fields which can be used in the template are: value - the value value.
template-handlerStringThe template which renders the tooltip.The fields which can be used in the template are: value - the value value.
template-idStringThe template which renders the tooltip.The fields which can be used in the template are: value - the value value.
template-viewIHtmlContentThe template which renders the tooltip.The fields which can be used in the template are: value - the value value.
visibleBooleanIf set to true the chart will display the scatter chart x axis crosshair tooltip. By default the scatter chart x axis crosshair tooltip is not visible.
In this article
ExampleChildTagsAttributes
Not finding the help you need?
Contact Support