Edit this page

legend.height Number

The legend height when the legend.orientation is set to "vertical".

Example - set the chart legend height for custom positioned legend

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

<div id="chart"></div>
<script>
$("#chart").kendoChart({
  legend: {
    position: "left",
    height: 50
  },
  series: [
    { name: "Series 1", data: [1, 2, 3] },
    { name: "Series 2", data: [3, 4, 5] },
    { name: "Series 3", data: [6, 7, 8] }
  ]
});
</script>
Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy