为什么Javascript不在我的画布上绘图?

时间:2016-03-15 00:59:27

标签: javascript canvas

感谢您查看我的问题!

所以我要做的是使用JS(Plugin Website)制作的仪表图工具,根据用法部分,我需要做的就是创建一个canvas元素并引用我做的id :

<canvas id="gauge-chart-pop" width="200" height="100" style="border:1px solid #000000;"></canvas>

<script src="gauge.min.js"></script> 
<script>
var opts = {
    lines: 12,
    angle: 0,
    lineWidth: 0.43,
    pointer: {
        length: 0.16,
        strokeWidth: 0.075,
        color: '#fff'
    },
    limitMax: 'false',
    colorStart: '#FFFFFF',
    colorStop: '#FFFFFF',
    strokeColor: '#F0483D',
    generateGradient: true
};

var target = document.getElementById('gauge-chart-pop');
var gauge = new Gauge(target).setOptions(opts);
gauge.maxValue = 3000;
gauge.animationSpeed = 33;
gauge.set(1225);
</script>

所有的Javascript都在我的文档的末尾,我试着把它放在开头,但结果总是一样的,画布只是没有显示图表...... 请帮忙!

0 个答案:

没有答案