legend Object
The chart legend configuration options.
Example
$("#chart").kendoChart({
legend: {
// set the background color to a dark blue
background: "#336699",
labels: {
// set the font to a size of 14px
font: "14px Arial,Helvetica,sans-serif",
// set the color to red
color: "red"
},
// move the legend to the left
position: "left",
// move the legend a bit closer to the chart by setting the x offset to 20
offsetX: 20,
// move the legend up to the top by setting the y offset to -100
offsetY: -100,
}
});
Related Properties
- legend.background
- legend.border
- legend.border.color
- legend.border.dashType
- legend.border.width
- legend.item
- legend.item.area
- legend.item.area.background
- legend.item.area.opacity
- legend.item.cursor
- legend.item.highlight
- legend.item.highlight.markers
- legend.item.highlight.markers.background
- legend.item.highlight.markers.border
- legend.item.highlight.markers.border.color
- legend.item.highlight.markers.border.dashType
- legend.item.highlight.markers.borderRadius
- legend.item.highlight.markers.type
- legend.item.highlight.markers.visible
- legend.item.highlight.markers.visual
- legend.item.highlight.visible
- legend.item.line
- legend.item.line.color
- legend.item.line.dashType
- legend.item.line.opacity
- legend.item.markers
- legend.item.markers.background
- legend.item.markers.border
- legend.item.markers.border.color
- legend.item.markers.border.dashType
- legend.item.markers.borderRadius
- legend.item.markers.type
- legend.item.markers.visible
- legend.item.markers.visual
- legend.item.type
- legend.item.visual
- legend.labels
- legend.labels.color
- legend.labels.font
- legend.labels.template
- legend.margin
- legend.offsetX
- legend.offsetY
- legend.padding
- legend.position
- legend.reverse
- legend.visible
- legend.inactiveItems
- legend.inactiveItems.labels
- legend.inactiveItems.labels.color
- legend.inactiveItems.labels.font
- legend.inactiveItems.labels.template
- legend.inactiveItems.markers
- legend.inactiveItems.markers.color
- legend.title
- legend.title.align
- legend.title.background
- legend.title.border
- legend.title.border.color
- legend.title.border.dashType
- legend.title.border.width
- legend.title.color
- legend.title.font
- legend.title.margin
- legend.title.margin.bottom
- legend.title.margin.left
- legend.title.margin.right
- legend.title.margin.top
- legend.title.padding
- legend.title.padding.bottom
- legend.title.padding.left
- legend.title.padding.right
- legend.title.padding.top
- legend.title.position
- legend.title.text
- legend.title.visible