legend.width Number

The legend width when the legend.orientation is set to "horizontal".

Example - set the chart legend width for custom positioned legend

<div id="chart"></div>
<script>
$("#chart").kendoChart({
  legend: {
    position: "custom",
    orientation: "horizontal",
    width: 200
  },
  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 the chart legend width for legend with predefined position

<div id="chart"></div>
<script>
$("#chart").kendoChart({
  legend: {
    position: "top",
    width: 200
  },
  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