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

SeriesDefaults.labels.to.margin

configuration

The margin of the to labels. A numeric value will set all margins.

seriesDefaults.labels.to.margin

Number|Object

Default: 0

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

seriesDefaults.labels.to.margin.bottom

Number

The bottom margin 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: {
          margin: {
            bottom: 15
          },
          background: "lightblue",
          visible: true
        }
      }
    }]
  });
</script>

seriesDefaults.labels.to.margin.left

Number

The left margin 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: {
          margin: {
            left: 15
          },
          background: "lightblue",
          visible: true
        }
      }
    }]
  });
</script>

seriesDefaults.labels.to.margin.right

Number

The right margin 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: {
          margin: {
            right: 15
          },
          background: "lightblue",
          visible: true
        }
      }
    }]
  });
</script>

seriesDefaults.labels.to.margin.top

Number

The top margin 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: {
          margin: {
            top: 15
          },
          background: "lightblue",
          visible: true
        }
      }
    }]
  });
</script>