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

Series.connectors

configuration

The label connectors options.

The connectors option is supported when series.type is set to "donut" or "pie" and

series.labels.visible is set to true.

series.connectors

Object

<div id="chart"></div>
<script>
$("#chart").kendoChart({
  series: [{
    type: "pie",
    labels: {
      visible: true
    },
    connectors: {
      width: 4,
      color: "red"
    },
    data: [1 , 2]
  }]
});
</script>

series.connectors.color

String|Function

The color of the connector. Accepts a valid CSS color string, including hex and rgb.

<div id="chart"></div>
<script>
$("#chart").kendoChart({
  series: [{
    type: "pie",
    labels: {
      visible: true
    },
    connectors: {
      color: "red"
    },
    data: [1 , 2]
  }]
});
</script>

series.connectors.padding

Number

The padding between the connector line and the label, and connector line and donut chart.

Default: 4

<div id="chart"></div>
<script>
$("#chart").kendoChart({
  series: [{
    type: "pie",
    labels: {
      visible: true
    },
    connectors: {
      padding: 10
    },
    data: [1 , 2]
  }]
});
</script>

series.connectors.width

Number

The width of the connector line.

Default: 1

<div id="chart"></div>
<script>
$("#chart").kendoChart({
  series: [{
    type: "pie",
    labels: {
      visible: true
    },
    connectors: {
      width: 10
    },
    data: [1 , 2]
  }]
});
</script>