connectorDefaults.fillString|Object
Defines the fill options of the shape connectors.
Example
<div id="diagram"></div>
<script>
$("#diagram").kendoDiagram({
shapes: [{
id: "1",
content: {
text: "Connector Fill"
},
connectorDefaults: {
fill: {
color: "lightblue",
opacity: 0.8
}
}
}]
});
</script>
connectorDefaults.fill.colorString
Defines the fill color of the shape connectors.
Example
<div id="diagram"></div>
<script>
$("#diagram").kendoDiagram({
shapes: [{
id: "1",
content: {
text: "Connector Fill Color"
},
connectorDefaults: {
fill: {
color: "gold"
}
}
}]
});
</script>
connectorDefaults.fill.opacityNumber(default: 1)
Defines the fill opacity of the shape connectors.
Example
<div id="diagram"></div>
<script>
$("#diagram").kendoDiagram({
shapes: [{
id: "1",
content: {
text: "Connector Fill Opacity"
},
connectorDefaults: {
fill: {
color: "red",
opacity: 0.6
}
}
}]
});
</script>
In this article