New to Kendo UI for jQuery? Start a free 30-day trial

ValueAxis.labels.rotation

configuration

The rotation angle (in degrees) of the labels. By default the labels are not rotated. Angles increase clockwise and zero is to the left. Negative values are acceptable. Can be set to "auto" if the axis is horizontal in which case the labels will be rotated only if the slot size is not sufficient for the entire labels.

valueAxis.labels.rotation

Number|String|Object

Default: 0

<div id="chart"></div>
<script>
$("#chart").kendoChart({
  valueAxis: [{
    labels: {
      rotation: 90
    }
  }],
  series: [
    { data: [1, 2, 3] }
  ]
});
</script>

valueAxis.labels.rotation.align

String

The alignment of the rotated labels relative to the slot center. The supported values are "end" and "center". By default the closest end of the label will be aligned to the center. If set to "center", the center of the rotated label will be aligned instead.

Default: "end"

<div id="chart"></div>
<script>
  $("#chart").kendoChart({
    valueAxis: [{
      labels: {
        rotation: 45,
        align: "center"
      }
    }],
    series: [
      { data: [1, 2, 3] }
    ]
  });
</script>

valueAxis.labels.rotation.angle

Number|String

The rotation angle of the labels. By default the labels are not rotated. Can be set to "auto" if the axis is horizontal in which case the labels will be rotated only if the slot size is not sufficient for the entire labels.

Default: 0

<div id="chart"></div>
<script>
  $("#chart").kendoChart({
    valueAxis: [{
      labels: {
        rotation: {
          angle: 90
        }
      }
    }],
    series: [
      { data: [1, 2, 3] }
    ]
  });
</script>