fillString|Object
Defines the fill options of the connector.
Example
<div id="diagram"></div>
<script>
$("#diagram").kendoDiagram({
shapes: [{
id: "1",
content: "Shape 1",
x: 100,
y: 100
}, {
id: "2",
content: "Shape 2",
x: 300,
y: 100
}],
connections: [{
from: "1",
to: "2"
}],
connectionDefaults: {
fromConnector: {
fill: {
color: "lightblue",
opacity: 0.8
}
}
}
});
</script>fill.colorString
Defines the fill color of the connector.
Example
<div id="diagram"></div>
<script>
$("#diagram").kendoDiagram({
shapes: [{
id: "1",
content: "Shape 1",
x: 100,
y: 100
}, {
id: "2",
content: "Shape 2",
x: 300,
y: 100
}],
connections: [{
from: "1",
to: "2"
}],
connectionDefaults: {
fromConnector: {
fill: {
color: "yellow"
}
}
}
});
</script>fill.opacityNumber(default: 1)
Defines the fill opacity of the connector.
Example
<div id="diagram"></div>
<script>
$("#diagram").kendoDiagram({
shapes: [{
id: "1",
content: "Shape 1",
x: 100,
y: 100
}, {
id: "2",
content: "Shape 2",
x: 300,
y: 100
}],
connections: [{
from: "1",
to: "2"
}],
connectionDefaults: {
fromConnector: {
fill: {
color: "pink",
opacity: 0.6
}
}
}
});
</script>In this article