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时，看起来stroke上的path属性由于某种原因被设置为none，不知道为什么会这样，或者这甚至是我的问题。

感谢任何帮助。

Answer 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>

所以，它必须是别的东西。您是否在页面上收到任何错误？在控制台？您使用的是哪种浏览器？

只是量具 - 数字显示但不是量具

1 个答案: