series.connectorsObject
The label connectors options.
The
connectorsoption is supported when series.type is set to "donut" or "pie" and
series.labels.visible is set to true.
Example - configure the label connectors
<div id="chart"></div>
<script>
$("#chart").kendoChart({
series: [{
type: "pie",
labels: {
visible: true
},
connectors: {
width: 4,
color: "red"
},
data: [1 , 2]
}]
});
</script>series.connectors.colorString|Function
The color of the connector. Accepts a valid CSS color string, including hex and rgb.
Example - configure the label connector color
<div id="chart"></div>
<script>
$("#chart").kendoChart({
series: [{
type: "pie",
labels: {
visible: true
},
connectors: {
color: "red"
},
data: [1 , 2]
}]
});
</script>series.connectors.paddingNumber(default: 4)
The padding between the connector line and the label, and connector line and donut chart.
Example - configure the label connector padding
<div id="chart"></div>
<script>
$("#chart").kendoChart({
series: [{
type: "pie",
labels: {
visible: true
},
connectors: {
padding: 10
},
data: [1 , 2]
}]
});
</script>series.connectors.widthNumber(default: 1)
The width of the connector line.
Example - configure the label connector width
<div id="chart"></div>
<script>
$("#chart").kendoChart({
series: [{
type: "pie",
labels: {
visible: true
},
connectors: {
width: 10
},
data: [1 , 2]
}]
});
</script>In this article