legend

Specifies the legend block of the chart

legend's properties:

  • width - (integer) the legend block's width
  • align - (left, right or center) the horizontal alignment of the block
  • valign - (top, bottom or middle) the vertical alignment of the block
  • layout - (x or y) a layout that defines text stretching in horizontal or vertical direction
  • marker - an object that defines markers in the details block
    • type - (square or round) the type of the marker
    • width - (integer) the width of the marker
    • height - (integer) the height of the marker

The legend block can be defined by:

  • a template.

Value type: String, function

  • an object with settings.

Value type: Object

var chart =  new dhx.ui({
        view:"chart",
	...
	legend:{
			width: 75,
			align:"right",
			valign:top,
			marker:{
				type:"round",
				width:15
			},
			template:"#year#"
		},
    ...
})

or

chart.define("legend",{
			width: 75,
			align:"right",
			valign:top,
			marker:{
				type:"round",
				width:15
			},
			template:"#year#"
});