<kendo:chart-seriesItem-highlight>

The chart series highlighting configuration options.

Example

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

Configuration Attributes

color java.lang.String

The highlight color. Accepts a valid CSS color string, including hex and rgb.

Example

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

inactiveOpacity float

The opacity of the series when another series is highlighted.

Example

<kendo:chart-seriesItem-highlight inactiveOpacity="inactiveOpacity">
</kendo:chart-seriesItem-highlight>

opacity float

The opacity of the highlighted points.

Example

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

toggle java.lang.String

A function that can be used to handle toggling the points highlight. The available argument fields are: preventDefault - a function that can be used to prevent showing the default highlight overlay.; show - a boolean value indicating whether the highlight should be shown.; visual - the visual element that should be highlighted.; category - the point category.; dataItem - the point dataItem.; value - the point value. or series - the point series..

Example

<kendo:chart-seriesItem-highlight toggle="toggle">
</kendo:chart-seriesItem-highlight>

visible boolean

If set to true the chart will highlight the series when the user hovers it with the mouse. By default chart series highlighting is enabled.

Example

<kendo:chart-seriesItem-highlight visible="visible">
</kendo:chart-seriesItem-highlight>

visual java.lang.String

A function that can be used to set custom visual for the point highlight.The available argument fields are: createVisual - a function that can be used to get the default highlight visual.; rect - the kendo.geometry.Rect that defines where the visual should be rendered.; visual - the visual element that should be highlighted.; options - the point options.; category - the point category.; dataItem - the point dataItem.; value - the point value.; sender - the chart instance.; series - the point series.; stackValue - the cumulative point value on the stack. Available only for stackable series.; percentage - the point value represented as a percentage value. Available only for donut, pie and 100% stacked charts.; runningTotal - the sum of point values since the last "runningTotal" summary point. Available for waterfall series.; total - the sum of all previous series values. Available for waterfall series.; from - the "from" point highlight visual options. Available for "rangeArea" and "verticalRangeArea" series. or to - the "to" point highlight visual options. Available for "rangeArea" and "verticalRangeArea" series..

Example

<kendo:chart-seriesItem-highlight visual="visual">
</kendo:chart-seriesItem-highlight>

Configuration JSP Tags

kendo:chart-seriesItem-highlight-border

The border of the highlighted chart series. The color is computed automatically from the base point color.

More documentation is available at kendo:chart-seriesItem-highlight-border.

Example

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

kendo:chart-seriesItem-highlight-line

The line of the highlighted chart series. The color is computed automatically from the base point color.

More documentation is available at kendo:chart-seriesItem-highlight-line.

Example

<kendo:chart-seriesItem-highlight>
    <kendo:chart-seriesItem-highlight-line></kendo:chart-seriesItem-highlight-line>
</kendo:chart-seriesItem-highlight>

Event Attributes

toggle String

A function that can be used to handle toggling the points highlight. The available argument fields are: preventDefault - a function that can be used to prevent showing the default highlight overlay.; show - a boolean value indicating whether the highlight should be shown.; visual - the visual element that should be highlighted.; category - the point category.; dataItem - the point dataItem.; value - the point value. or series - the point series..

Example

<kendo:chart-seriesItem-highlight toggle="handle_toggle">
</kendo:chart-seriesItem-highlight>
<script>
    function handle_toggle(e) {
        // Code to handle the toggle event.
    }
</script>

visual String

A function that can be used to set custom visual for the point highlight.The available argument fields are: createVisual - a function that can be used to get the default highlight visual.; rect - the kendo.geometry.Rect that defines where the visual should be rendered.; visual - the visual element that should be highlighted.; options - the point options.; category - the point category.; dataItem - the point dataItem.; value - the point value.; sender - the chart instance.; series - the point series.; stackValue - the cumulative point value on the stack. Available only for stackable series.; percentage - the point value represented as a percentage value. Available only for donut, pie and 100% stacked charts.; runningTotal - the sum of point values since the last "runningTotal" summary point. Available for waterfall series.; total - the sum of all previous series values. Available for waterfall series.; from - the "from" point highlight visual options. Available for "rangeArea" and "verticalRangeArea" series. or to - the "to" point highlight visual options. Available for "rangeArea" and "verticalRangeArea" series..

Example

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

Event Tags

kendo:chart-seriesItem-highlight-toggle

A function that can be used to handle toggling the points highlight. The available argument fields are: preventDefault - a function that can be used to prevent showing the default highlight overlay.; show - a boolean value indicating whether the highlight should be shown.; visual - the visual element that should be highlighted.; category - the point category.; dataItem - the point dataItem.; value - the point value. or series - the point series..

Example

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

kendo:chart-seriesItem-highlight-visual

A function that can be used to set custom visual for the point highlight.The available argument fields are: createVisual - a function that can be used to get the default highlight visual.; rect - the kendo.geometry.Rect that defines where the visual should be rendered.; visual - the visual element that should be highlighted.; options - the point options.; category - the point category.; dataItem - the point dataItem.; value - the point value.; sender - the chart instance.; series - the point series.; stackValue - the cumulative point value on the stack. Available only for stackable series.; percentage - the point value represented as a percentage value. Available only for donut, pie and 100% stacked charts.; runningTotal - the sum of point values since the last "runningTotal" summary point. Available for waterfall series.; total - the sum of all previous series values. Available for waterfall series.; from - the "from" point highlight visual options. Available for "rangeArea" and "verticalRangeArea" series. or to - the "to" point highlight visual options. Available for "rangeArea" and "verticalRangeArea" series..

Example

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