seriesHoverStyles Option

Sets an array of styles to use in rendering elements in the chart when you hover over them.

Default value: []

Syntax

Javascript (Usage)
Javascript (Specification)

$(function () {
    
    // Get value
    var returnsValue; // Type:  array
    returnsValue = $(".selector").wijchartcore("option", "seriesHoverStyles");
    
    // Set value
    var newValue; // Type:  array
    $(".selector").wijchartcore("option", "seriesHoverStyles", newValue);
        
});

var seriesHoverStyles : array;

Example

This code sets the hover style for the first series (US) to fill the bar with turquoise, and outline it with teal, fill the second series (Japan) bars with fuchsia and outline with blue, and fill the third series (Other) bars with purple and outline with navy. The image below shows the mouse hovering over a bar in the third series.

Javascript

<script id="scriptInit" type="text/javascript">
    $(document).ready(function () {
        $("#wijbarchart").wijbarchart({
            seriesHoverStyles: [{
                fill: "turquoise", stroke: "teal"
            }, 
            {
                fill: "fuchsia", stroke: "blue"
            }, 
            {
                fill: "purple", stroke: "navy"
            }],
            seriesList: [{
                label: "US",
                data: 
                { 
                    x: ['PS3', 'XBOX360', 'Wii'], 
                    y: [12.35, 21.50, 30.56] 
                }
            }, 
            {
                label: "Japan",
                data: 
                { 
                    x: ['PS3', 'XBOX360', 'Wii'], 
                    y: [4.58, 1.23, 9.67] 
                }
            }, 
            {
                label: "Other",
                data: 
                { 
                    x: ['PS3', 'XBOX360', 'Wii'], 
                    y: [31.59, 37.14, 65.32] 
                }
            }],
        });
    });
</script>

Remarks

Each style object in the array applies to a series in your seriesList, so you need specify only as many style objects as you have series objects in your seriesList. For more information on the available style parameters, see the Style Options topic.

Reference

options type
wijchartcore jQuery Widget