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

YAxis.labels.rotation

configuration

The rotation angle of the labels. By default the labels are not rotated.

yAxis.labels.rotation

Number|Object

Default: 0

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

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({
    series: [
      {
        type: "scatter",
        data: [
          [2, new Date("01/01/2013")],
          [2, new Date("01/02/2013")],
          [2, new Date("01/03/2013")]
        ]
      }
    ],
    yAxis: {
      type: "date",
      labels: {
        rotation: {
          angle: -45,
          align: "center"
        }
      }
    }
  });
</script>

yAxis.labels.rotation.angle

Number

The rotation angle of the labels. By default the labels are not rotated.

Default: 0

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

YAxis.labels.rotation

yAxis.labels.rotation

yAxis.labels.rotation.align

yAxis.labels.rotation.angle