<kendo:chart-seriesItem-border>

The border of the chart series.

Example

<kendo:chart-seriesItem>
    <kendo:chart-seriesItem-border></kendo:chart-seriesItem-border>
</kendo:chart-seriesItem>

Configuration Attributes

color java.lang.String

The color of the border. Accepts a valid CSS color string, including hex and rgb. By default it is set to color of the current series.

Example

<kendo:chart-seriesItem-border color="color">
</kendo:chart-seriesItem-border>

dashType java.lang.String

The dash type of the border.The following dash types are supported: "dash" - a line consisting of dashes; "dashDot" - a line consisting of a repeating pattern of dash-dot; "dot" - a line consisting of dots; "longDash" - a line consisting of a repeating pattern of long-dash; "longDashDot" - a line consisting of a repeating pattern of long-dash-dot; "longDashDotDot" - a line consisting of a repeating pattern of long-dash-dot-dot or "solid" - a solid line.

Example

<kendo:chart-seriesItem-border dashType="dashType">
</kendo:chart-seriesItem-border>

opacity float

The opacity of the border. By default the border is opaque.

Example

<kendo:chart-seriesItem-border opacity="opacity">
</kendo:chart-seriesItem-border>

width float

The width of the border in pixels.

Example

<kendo:chart-seriesItem-border width="width">
</kendo:chart-seriesItem-border>

Event Attributes

color String

The color of the border. Accepts a valid CSS color string, including hex and rgb. By default it is set to color of the current series.

Example

<kendo:chart-seriesItem-border color="handle_color">
</kendo:chart-seriesItem-border>
<script>
    function handle_color(e) {
        // Code to handle the color event.
    }
</script>

dashType String

The dash type of the border.The following dash types are supported: "dash" - a line consisting of dashes; "dashDot" - a line consisting of a repeating pattern of dash-dot; "dot" - a line consisting of dots; "longDash" - a line consisting of a repeating pattern of long-dash; "longDashDot" - a line consisting of a repeating pattern of long-dash-dot; "longDashDotDot" - a line consisting of a repeating pattern of long-dash-dot-dot or "solid" - a solid line.

Example

<kendo:chart-seriesItem-border dashType="handle_dashType">
</kendo:chart-seriesItem-border>
<script>
    function handle_dashType(e) {
        // Code to handle the dashType event.
    }
</script>

opacity String

The opacity of the border. By default the border is opaque.

Example

<kendo:chart-seriesItem-border opacity="handle_opacity">
</kendo:chart-seriesItem-border>
<script>
    function handle_opacity(e) {
        // Code to handle the opacity event.
    }
</script>

width String

The width of the border in pixels.

Example

<kendo:chart-seriesItem-border width="handle_width">
</kendo:chart-seriesItem-border>
<script>
    function handle_width(e) {
        // Code to handle the width event.
    }
</script>

Event Tags

kendo:chart-seriesItem-border-color

The color of the border. Accepts a valid CSS color string, including hex and rgb. By default it is set to color of the current series.

Example

<kendo:chart-seriesItem-border>
    <kendo:chart-seriesItem-border-color>
        <script>
            function(e) {
                // Code to handle the color event.
            }
        </script>
    </kendo:chart-seriesItem-border-color>
</kendo:chart-seriesItem-border>

kendo:chart-seriesItem-border-dashType

The dash type of the border.The following dash types are supported: "dash" - a line consisting of dashes; "dashDot" - a line consisting of a repeating pattern of dash-dot; "dot" - a line consisting of dots; "longDash" - a line consisting of a repeating pattern of long-dash; "longDashDot" - a line consisting of a repeating pattern of long-dash-dot; "longDashDotDot" - a line consisting of a repeating pattern of long-dash-dot-dot or "solid" - a solid line.

Example

<kendo:chart-seriesItem-border>
    <kendo:chart-seriesItem-border-dashType>
        <script>
            function(e) {
                // Code to handle the dashType event.
            }
        </script>
    </kendo:chart-seriesItem-border-dashType>
</kendo:chart-seriesItem-border>

kendo:chart-seriesItem-border-opacity

The opacity of the border. By default the border is opaque.

Example

<kendo:chart-seriesItem-border>
    <kendo:chart-seriesItem-border-opacity>
        <script>
            function(e) {
                // Code to handle the opacity event.
            }
        </script>
    </kendo:chart-seriesItem-border-opacity>
</kendo:chart-seriesItem-border>

kendo:chart-seriesItem-border-width

The width of the border in pixels.

Example

<kendo:chart-seriesItem-border>
    <kendo:chart-seriesItem-border-width>
        <script>
            function(e) {
                // Code to handle the width event.
            }
        </script>
    </kendo:chart-seriesItem-border-width>
</kendo:chart-seriesItem-border>
In this article
Not finding the help you need?