Legend Properties Overview

The legend properties control the visibility and format of the legend area.

The following code segment shows the default values:

legend: {
   visible: true,
   position: 'bottom',  
   xy: {x:330, y:80},
   markerSize: 8,
   markerPosition: 'left',  
   maxEntries: undefined,     
   title: {
      visible: false,
      text: 'Legend Title',
      font: '10pt Sans-Serif',
      color: 'black'
   },
   labels: {
      font: '7.5pt Sans-Serif',
      color: 'black'
   },
   lineStyle: {
      width: 0, 
      color: 'black', 
      dash: ''
   },
   backgroundcolor: 'transparent',
   shadow: false,

  scroll: {
     enabled: false,
     size: 15, 
     color: 'rgb(240, 240, 240)',  
     handle: { 
        color: 'grey',
        hoverColor: 'rgb(88, 88, 88)',
        border: {
            width: 0, 
            color: 'transparent',
            dash: ''
                    }
                  }
           },
   

dock: { 
       enabled: false,
       animate: true, 
       minimized: false, 
       resizeFrame: true, 
       showMarkers: true, 
       expandDirection: undefined, 
       button: {
              size: 'auto',
              color: 'grey',
              hoverColor: 'black',
              border: {
                      width: 0,
                      color: 'transparent',
                     dash: ''
                            }
                   }
            }
}