legend.align String (default: "center")

The legend horizontal alignment when the legend.position is "top" or "bottom" and the vertical alignment when the legend.position is "left" or "right".

The supported values are:

  • "start" - the legend is aligned to the start.
  • "center" - the legend is aligned to the center.
  • "end" - the legend is aligned to the end.

Example - set the chart legend alignment to start

<div id="chart"></div>
<script>
$("#chart").kendoChart({
  legend: {
    align: "start"
  },
  series: [
    { name: "Series 1", data: [1, 2, 3] },
    { name: "Series 2", data: [3, 4, 5] }
  ]
});
</script>
In this article