关于JustGage仪表盘样式的一些问题

这是正常情况下的样式 但是当我打开一个菜单里的页面之后 它的样式就变成如下的样子了 调查了好久都没发现是哪里的原因 请大神来指导一下
$(function(){
var dflt = {
min: 0,
max: 2500,
donut: true,
gaugeWidthScale: 0.6,
counter: true,
hideInnerShadow: true
}
var gg1 = new JustGage({
id: 'gg1',
value: 125,
title:"待办",
defaults: dflt
});

                                        var gg2 = new JustGage({
                                            id: 'gg2',
                                            title:"待批",
                                            defaults: dflt
                                        });
                                        var gg3 = new JustGage({
                                            id: 'gg3',
                                            title:"待阅",
                                            defaults: dflt
                                        });
                                        var gg4 = new JustGage({
                                            id: 'gg4',
                                            title:"待发",
                                            defaults: dflt
                                        });
                                    })
                                </script>
                                <ul>
                                    <li><div id="gg1" class="gauge" ></div><span></span></li>
                                    <li><div id="gg2" class="gauge" data-value="2025"></div><span></span></li>
                                    <li><div id="gg3" class="gauge" data-value="115"></div><span></span></li>
                                    <li><div id="gg4" class="gauge" data-value="687"></div><span></span></li>
                                </ul>

https://recomm.cnblogs.com/blogpost/2848093