shapes.fill.gradient.stops.opacityNumber
The fill opacity.
Ranges from 0
(completely transparent) to 1
(completely opaque).
Example
<div id="diagram"></div>
<script>
$("#diagram").kendoDiagram({
shapes: [{
id: "1",
x: 100,
y: 100,
content: { text: "Shape 1" },
fill: {
gradient: {
type: "linear",
stops: [
{ offset: 0, color: "red", opacity: 1 },
{ offset: 1, color: "blue", opacity: 0.3 }
]
}
}
}]
});
</script>
In this article