series.connectorsObject
The label connectors options.
Applicable to pie series.
Example
<div id="sparkline"></div>
<script>
$("#sparkline").kendoSparkline({
type: "pie",
series: [{
data: [10, 15, 8, 12],
connectors: {
color: "red",
width: 2,
padding: 8
}
}]
});
</script>series.connectors.colorString
The color of the connector line.
Example
<div id="sparkline"></div>
<script>
$("#sparkline").kendoSparkline({
type: "pie",
series: [{
data: [10, 15, 8, 12],
connectors: {
color: "blue"
}
}]
});
</script>series.connectors.paddingNumber(default: 4)
The padding between the connector line and the label, and connector line and pie chart.
Example
<div id="sparkline"></div>
<script>
$("#sparkline").kendoSparkline({
type: "pie",
series: [{
data: [10, 15, 8, 12],
connectors: {
padding: 10
}
}]
});
</script>series.connectors.widthNumber(default: 1)
The width of the connector line.
Example
<div id="sparkline"></div>
<script>
$("#sparkline").kendoSparkline({
type: "pie",
series: [{
data: [10, 15, 8, 12],
connectors: {
width: 3
}
}]
});
</script>In this article