legend.orientation String (default: "vertical")

The orientation of the legend items.

The supported values are:

  • "vertical" - the legend items are added vertically.
  • "horizontal" - the legend items are added horizontally.

Example - set horizontal orientation for custom positioned legend

<div id="chart"></div>
<script>
$("#chart").kendoChart({
  legend: {
    position: "custom",
    orientation: "horizontal"
  },
  series: [
    { name: "Series 1", data: [1, 2, 3] },
    { name: "Series 2", data: [3, 4, 5] },
    { name: "Series 3", data: [6, 7, 8] }
  ]
});
</script>

Example - set horizontal orientation for legend with predefined position

<div id="chart"></div>
<script>
$("#chart").kendoChart({
  legend: {
    position: "left",
    orientation: "horizontal"
  },
  series: [
    { name: "Series 1", data: [1, 2, 3] },
    { name: "Series 2", data: [3, 4, 5] },
    { name: "Series 3", data: [6, 7, 8] }
  ]
});
</script>
In this article