0

我正在使用此代码使用 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

任何帮助表示赞赏。

4

1 回答 1

0

这不是答案，但您的代码似乎没有任何问题。这有效，例如：

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

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

于 2016-11-10T10:47:36.073 回答