legend Object
The chart legend configuration options.
Example - configure the chart legend
<div id="chart"></div>
<script>
$("#chart").kendoChart({
legend: {
background: "green",
position: "left",
labels: {
font: "20px sans-serif",
color: "red"
}
},
series: [
{ name: "Series 1", data: [1, 2, 3] },
{ name: "Series 2", data: [3, 4, 5] }
]
});
</script>
Related Properties
- legend.align
- legend.background
- legend.border
- legend.border.color
- legend.border.dashType
- legend.border.width
- legend.height
- legend.inactiveItems
- legend.inactiveItems.labels
- legend.inactiveItems.labels.color
- legend.inactiveItems.labels.font
- legend.inactiveItems.labels.template
- legend.margin
- legend.margin.bottom
- legend.margin.left
- legend.margin.right
- legend.margin.top
- legend.offsetX
- legend.labels
- legend.labels.color
- legend.labels.font
- legend.labels.margin
- legend.labels.margin.bottom
- legend.labels.margin.left
- legend.labels.margin.right
- legend.labels.margin.top
- legend.labels.padding
- legend.labels.padding.bottom
- legend.labels.padding.left
- legend.labels.padding.right
- legend.labels.padding.top
- legend.labels.template
- legend.offsetY
- 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.orientation
- legend.padding
- legend.padding.bottom
- legend.padding.left
- legend.padding.right
- legend.padding.top
- legend.position
- legend.reverse
- legend.spacing
- 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
- legend.visible
- legend.width