angular-kendo - Angular Kendo Drawing API で形状を構築するときに、塗りつぶしの色として LinearGradient を使用する

Question

次のようなコードを使用して、線形グラデーション塗りつぶしで四角形を作成しようとしています:

const gradient = new LinearGradient({
    stops: [
        new GradientStop({
            color: "gray",
            offset: 0,
            opacity: 0
        }),
        new GradientStop({
            offset: 0.5,
            color: "orange",
            opacity: 0.8
        })]
 });


 const geometry = new GeomRectangle([0, 0], [100, 25]);
 const rect = new Rect(geometry, {
       stroke: { color: "black", width: 1 },
       fill: { color: gradient, opacity: 1 } <- Compile error wants string
 });

ただし、TypeScript のFillOptions定義では、色は文字列として定義されています。これがどのように機能するかを説明している剣道のドキュメントの例を見つけることができません。どんな洞察にも感謝します。