css - ゲージのみ - 数値は表示されますが、ゲージは表示されません

Question

このコードを使用して、JustGage でゲージを作成しています。

drawGage() {
    var g1 = new JustGage({
        id: "gage1",
        value: 90,
        min: 0,
        max: 100,
        levelColors: ["blue"],
        gaugeWidthScale: 0.9,
        startAnimationTime: 2700,
        startAnimationType: "bounce",
    });
}

index.html にこれらのスクリプトがあり、正しく読み込まれます。

<script type="text/javascript" src="/assets/js/raphael-2.1.4.min.js"></script>
<script type="text/javascript" src="/assets/js/justgage.js"></script>

そして、追加されているhtmlにこのdivがあります：

<div id="gage1"></div>

この画像は、多くの異なるものを試した後に何度も何度も行き着くものです: SVG を調べると、何らかの理由で属性が設定されているように見えます。私の問題。
strokepathnone

どんな助けでも大歓迎です。