<kendo:chart-xAxisItem-title>

The title configuration of the scatter chart x axis.

Example

<kendo:chart-xAxisItem>
    <kendo:chart-xAxisItem-title></kendo:chart-xAxisItem-title>
</kendo:chart-xAxisItem>

Configuration Attributes

background java.lang.String

The background color of the title. Accepts a valid CSS color string, including hex and rgb.

Example

<kendo:chart-xAxisItem-title background="background">
</kendo:chart-xAxisItem-title>

color java.lang.String

The text color of the title. Accepts a valid CSS color string, including hex and rgb.

Example

<kendo:chart-xAxisItem-title color="color">
</kendo:chart-xAxisItem-title>

font java.lang.String

The font style of the title.

Example

<kendo:chart-xAxisItem-title font="font">
</kendo:chart-xAxisItem-title>

margin float

The margin of the title. A numeric value will set all margins. Further configuration is available via kendo:chart-xAxisItem-title-margin.

Example

<kendo:chart-xAxisItem-title margin="margin">
</kendo:chart-xAxisItem-title>

padding float

The padding of the title. A numeric value will set all paddings. Further configuration is available via kendo:chart-xAxisItem-title-padding.

Example

<kendo:chart-xAxisItem-title padding="padding">
</kendo:chart-xAxisItem-title>

position java.lang.String

The position of the title.The supported values are: "top" - the axis title is positioned on the top (applicable to vertical axis); "bottom" - the axis title is positioned on the bottom (applicable to vertical axis); "left" - the axis title is positioned on the left (applicable to horizontal axis); "right" - the axis title is positioned on the right (applicable to horizontal axis) or "center" - the axis title is positioned in the center.

Example

<kendo:chart-xAxisItem-title position="position">
</kendo:chart-xAxisItem-title>

rotation float

The rotation angle of the title. By default the title is not rotated.

Example

<kendo:chart-xAxisItem-title rotation="rotation">
</kendo:chart-xAxisItem-title>

text java.lang.String

The text of the title.

Example

<kendo:chart-xAxisItem-title text="text">
</kendo:chart-xAxisItem-title>

visible boolean

If set to true the chart will display the scatter chart x axis title. By default the scatter chart x axis title is visible.

Example

<kendo:chart-xAxisItem-title visible="visible">
</kendo:chart-xAxisItem-title>

visual java.lang.String

A function that can be used to create a custom visual for the title. The available argument fields are: text - the label text.; rect - the kendo.geometry.Rect that defines where the visual should be rendered.; sender - the chart instance (may be undefined).; options - the label options. or createVisual - a function that can be used to get the default visual..

Example

<kendo:chart-xAxisItem-title visual="visual">
</kendo:chart-xAxisItem-title>

Configuration JSP Tags

kendo:chart-xAxisItem-title-border

The border of the title.

More documentation is available at kendo:chart-xAxisItem-title-border.

Example

<kendo:chart-xAxisItem-title>
    <kendo:chart-xAxisItem-title-border></kendo:chart-xAxisItem-title-border>
</kendo:chart-xAxisItem-title>

kendo:chart-xAxisItem-title-margin

The margin of the title. A numeric value will set all margins.

More documentation is available at kendo:chart-xAxisItem-title-margin.

Example

<kendo:chart-xAxisItem-title>
    <kendo:chart-xAxisItem-title-margin></kendo:chart-xAxisItem-title-margin>
</kendo:chart-xAxisItem-title>

kendo:chart-xAxisItem-title-padding

The padding of the title. A numeric value will set all paddings.

More documentation is available at kendo:chart-xAxisItem-title-padding.

Example

<kendo:chart-xAxisItem-title>
    <kendo:chart-xAxisItem-title-padding></kendo:chart-xAxisItem-title-padding>
</kendo:chart-xAxisItem-title>

Event Attributes

visual String

A function that can be used to create a custom visual for the title. The available argument fields are: text - the label text.; rect - the kendo.geometry.Rect that defines where the visual should be rendered.; sender - the chart instance (may be undefined).; options - the label options. or createVisual - a function that can be used to get the default visual..

Example

<kendo:chart-xAxisItem-title visual="handle_visual">
</kendo:chart-xAxisItem-title>
<script>
    function handle_visual(e) {
        // Code to handle the visual event.
    }
</script>

Event Tags

kendo:chart-xAxisItem-title-visual

A function that can be used to create a custom visual for the title. The available argument fields are: text - the label text.; rect - the kendo.geometry.Rect that defines where the visual should be rendered.; sender - the chart instance (may be undefined).; options - the label options. or createVisual - a function that can be used to get the default visual..

Example

<kendo:chart-xAxisItem-title>
    <kendo:chart-xAxisItem-title-visual>
        <script>
            function(e) {
                // Code to handle the visual event.
            }
        </script>
    </kendo:chart-xAxisItem-title-visual>
</kendo:chart-xAxisItem-title>
Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy