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

SeriesDefaults.labels.from.margin

configuration

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

seriesDefaults.labels.from.margin

Number|Object

Default: 0

<div id="chart"></div>
<script>
$("#chart").kendoChart({
  seriesDefaults: {
    type: "rangeColumn",
    labels: {
      from: {
        visible: true,
        margin: 10
      }
    }
  },
  series: [{
    data: [[1, 3], [2, 5], [3, 7]]
  }]
});
</script>

seriesDefaults.labels.from.margin.bottom

Number

The bottom margin of the from labels.

Default: 0

<div id="chart"></div>
<script>
$("#chart").kendoChart({
  seriesDefaults: {
    type: "rangeColumn",
    labels: {
      from: {
        visible: true,
        margin: {
          bottom: 10
        }
      }
    }
  },
  series: [{
    data: [[1, 3], [2, 5], [3, 7]]
  }]
});
</script>

seriesDefaults.labels.from.margin.left

Number

The left margin of the from labels.

Default: 0

<div id="chart"></div>
<script>
$("#chart").kendoChart({
  seriesDefaults: {
    type: "rangeColumn",
    labels: {
      from: {
        visible: true,
        margin: {
          left: 10
        }
      }
    }
  },
  series: [{
    data: [[1, 3], [2, 5], [3, 7]]
  }]
});
</script>

seriesDefaults.labels.from.margin.right

Number

The right margin of the from labels.

Default: 0

<div id="chart"></div>
<script>
$("#chart").kendoChart({
  seriesDefaults: {
    type: "rangeColumn",
    labels: {
      from: {
        visible: true,
        margin: {
          right: 10
        }
      }
    }
  },
  series: [{
    data: [[1, 3], [2, 5], [3, 7]]
  }]
});
</script>

seriesDefaults.labels.from.margin.top

Number

The top margin of the from labels.

Default: 0

<div id="chart"></div>
<script>
$("#chart").kendoChart({
  seriesDefaults: {
    type: "rangeColumn",
    labels: {
      from: {
        visible: true,
        margin: {
          top: 10
        }
      }
    }
  },
  series: [{
    data: [[1, 3], [2, 5], [3, 7]]
  }]
});
</script>