Просто датчик - цифры показывают, но не датчик

Я использую этот код, чтобы сделать измерение с 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>

и у меня есть этот div в моем HTML, который добавляется к:

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

этот образ - это то, что я получаю снова и снова после того, как попробую много разных вещей:
Когда я проверяю SVG, это выглядит как stroke атрибут на path устанавливается на none по какой-то причине не уверен, почему это так или если это даже моя проблема.

Любая помощь приветствуется.

Источник

1 ответ

Это не ответ, но в вашем коде нет ничего плохого. Это работает, например:

<html>
<script src="raphael-2.1.4.min.js" charset="utf-8"></script>
<script src="justgage.js" charset="utf-8"></script>

<body>
    <div id="gage1" class="200x160px"></div>
</body>
<script type="text/javascript">
    function drawGage() {
        var g1 = new JustGage({
            id: "gage1",
            value: 90,
            min: 0,
            max: 100,
            levelColors: ["blue"],
            gaugeWidthScale: 0.9,
            startAnimationTime: 2700,
            startAnimationType: "bounce",
        });
    }
    drawGage();
</script>

</html>

Итак, это должно быть что-то еще. Вы получаете какие-либо ошибки на странице? В консоли? Какой браузер вы используете?

Источник
Другие вопросы по тегам