series.labels.marginNumber|Object(default: 5)
The margin of the labels. A numeric value will set all margins.
Example - set the chart series label margin as a number
<div id="chart"></div>
<script>
$("#chart").kendoChart({
series: [
{
labels: {
visible: true,
format: "{0:C}",
margin:20
},
data: [1, 2, 3]
}
]
});
</script>series.labels.margin.bottomNumber(default: 0)
The bottom margin of the labels.
Example - set the chart series label bottom margin
<div id="chart"></div>
<script>
$("#chart").kendoChart({
series: [
{
margin: {
bottom: 10
},
data: [1, 2, 3]
}
]
});
</script>series.labels.margin.leftNumber(default: 0)
The left margin of the labels.
Example - set the chart series label left margin
<div id="chart"></div>
<script>
$("#chart").kendoChart({
series: [
{
margin: {
left: 10
},
data: [1, 2, 3]
}
]
});
</script>series.labels.margin.rightNumber(default: 0)
The right margin of the labels.
Example - set the chart series label right margin
<div id="chart"></div>
<script>
$("#chart").kendoChart({
series: [
{
margin: {
right: 10
},
data: [1, 2, 3]
}
]
});
</script>series.labels.margin.topNumber(default: 0)
The top margin of the labels.
Example - set the chart series label top margin
<div id="chart"></div>
<script>
$("#chart").kendoChart({
series: [
{
margin: {
top: 10
},
data: [1, 2, 3]
}
]
});
</script>In this article