Generating a Scrolling Legend

legend:
  {
  scroll: {
     enabled: boolean,
     size: snumber, 
     color: 'scrollcolor',  
     handle: { 
        color: 'handlecolor',
        hoverColor: 'hovercolor',
        border: {
            width: bnumber, 
            color: 'bcolor',
            dash: 'bdash'
                    }
                  }
           }
  }

where:

boolean

Controls whether the legend will be scrollable when necessary. Valid values are:

• true, which enables legend scrolling.
• false, which disables legend scrolling. This is the default value.

snumber

Defines the width of the scroll bar in pixels. The default value is 15.

'scrollcolor'

Is a color or gradient definition string the defines the fill color of the scroll bar. The default color is 'rgb(240, 240, 240)'.

'handlecolor'

Is a color definition string that defines the color of the scroll bar handle. The default color is 'grey'.

'hovercolor'

Is a color definition string that defines the color of the scroll bar handle when the mouse hovers over it or clicks on it. The default color is 'rgb(88, 88, 88)'.

bnumber

Defines the width of the handle border in pixels. The default value is 0.

'bcolor'

Is a color definition string that defines the color of the handle border. The default value is 'transparent'.

'bdash'

Is a string that defines the dash style of the border. The default value is '' (a solid line). Use a string of numbers that defines the width of a dash in pixels followed by the width of the gap between dashes in pixels (for example, dash: '1 1' draws a dotted line).

Multiple dashes can be defined within the dash string (for example, '2 4 4 2'), in which case, the dash types will alternate along the border.