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

SeriesDefaults.labels.to.padding

configuration

The padding of the to labels. A numeric value will set all paddings.

seriesDefaults.labels.to.padding

Number|Object

Default: 0

<div id="chart"></div>
<script>
  $("#chart").kendoChart({
    series: [{
      type: "rangeColumn",
      data: [[5, 10], [7, 15], [9, 20]],
      labels: {
        to: {
          padding: 10,
          background: "lightblue",
          visible: true
        }
      }
    }]
  });
</script>

seriesDefaults.labels.to.padding.bottom

Number

The bottom padding of the to labels.

Default: 0

<div id="chart"></div>
<script>
  $("#chart").kendoChart({
    series: [{
      type: "rangeColumn",
      data: [[5, 10], [7, 15], [9, 20]],
      labels: {
        to: {
          padding: {
            bottom: 15
          },
          background: "lightblue",
          visible: true
        }
      }
    }]
  });
</script>

seriesDefaults.labels.to.padding.left

Number

The left padding of the to labels.

Default: 0

<div id="chart"></div>
<script>
  $("#chart").kendoChart({
    series: [{
      type: "rangeColumn",
      data: [[5, 10], [7, 15], [9, 20]],
      labels: {
        to: {
          padding: {
            left: 15
          },
          background: "lightblue",
          visible: true
        }
      }
    }]
  });
</script>

seriesDefaults.labels.to.padding.right

Number

The right padding of the to labels.

Default: 0

<div id="chart"></div>
<script>
  $("#chart").kendoChart({
    series: [{
      type: "rangeColumn",
      data: [[5, 10], [7, 15], [9, 20]],
      labels: {
        to: {
          padding: {
            right: 15
          },
          background: "lightblue",
          visible: true
        }
      }
    }]
  });
</script>

seriesDefaults.labels.to.padding.top

Number

The top padding of the to labels.

Default: 0

<div id="chart"></div>
<script>
  $("#chart").kendoChart({
    series: [{
      type: "rangeColumn",
      data: [[5, 10], [7, 15], [9, 20]],
      labels: {
        to: {
          padding: {
            top: 15
          },
          background: "lightblue",
          visible: true
        }
      }
    }]
  });
</script>