感谢您查看我的问题!
所以我要做的是使用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都在我的文档的末尾,我试着把它放在开头,但结果总是一样的,画布只是没有显示图表...... 请帮忙!