Class: UWA.Controls.StackedColumn

UWA/Controls/StackedColumn. UWA.Controls.StackedColumn

new UWA.Controls.StackedColumn(options)

Displays a horizontal bar-type chart.

Available Events
Event Description
onClick Fired when item is clicked (params: itemName, item, itemElement)
onMouseOver Fired when mouse is over item (params: itemName, item, itemElement)
onMouseOut Fired when mouse goes out of item (params: itemName, item, itemElement)
Example
var myControl =  new UWA.Controls.StackedColumn({
    data: {
        option_a: {text: 'a', background: 'red', value: 10},
        option_bb: {text: 'bb', background: 'blue', value: 30},
        option_ccc: {text: 'ccc', background: 'green', value: 25},
        option_dddd: {text: 'dddd', background: 'yellow', value: 12}
    },
    hoverColors:{
        'red': 'darkRed',
        'blue': 'darkBlue',
        'green': 'darkGreen',
        'yellow': 'gold'
    }
});

myControl.inject(myControlContainer);
Parameters
Name Type Description
options Object

Options hash or a option/value pair.

Properties
Name Type Argument Default Description
spacer String <optional>
0.5

The percentage equivalent of width to use as a margin on the right of each part

showText Boolean <optional>
true

If false, the text of each data item will not be displayed

minHeight Number <optional>
10

Minimum height of items in pixels used when showText is false

hoverColors String <optional>
null

A set of color values (hex or name) to display for each item onMouseOver depending on items orginal color (ex:{'blue': 'black', 'green': 'white'} )

className String <optional>
'uwa-stackedColumn'

Classname assigned to the parent element of the control

toolTip String <optional>
null

An UWA.Controls.Tooltip configuration to display a toolTip

Extends

  • UWA.Controls.Segmented

Index

Members

Members

<protected> defaultOptions

Properties:
Name Type Description
defaultOptions Object

The default controls options.