No color gauge´s worked for me

[Opa-Olaf]

Hi Toorshia,

i can only see a grey gauge. Any attempts for a colored gauge failed. My code:

$(document).ready(function (event) {

        var maxx = 10;
        var gg1 = new JustGage({
        id: "gauge", 
        value: 0, 
        min: 0,
        max: maxx,
        title: "Bewertung",
        showInnerShadow: true,
        shadowOpacity: 1,
        shadowSize: 5,
        shadowVerticalOffset: 8,
        textRenderer: function(val) { return (val + '/' + maxx); },
        startAnimationTime: "1500",
        startAnimationType: ">",
        refreshAnimationTime: 1000,
        refreshAnimationType: "bounce",
        titleFontColor: "black",
        valueFontColor: "black",
        titleFontFamily: "Laila",
        valueFontFamily: "Laila",
        labelFontColor: "black",
        pointer: true,
        customSectors: [{ color: '#ff0000', lo: 5, hi: 10 }, { color: '#00ff00', lo: 0, hi: 5 }],
        levelColorsGradient: false
        }); 

. . . $('#hl-2016').mouseover(function () { gg1.refresh(10); }); . .

See it on http://oo-cc.de by clicking on the flags in the bottom-right corner.

I found the problem !

There is another svg on the site and the css path { fill: #B9C4C6; } !!! How can I solve the problem ?

Thanks

[andrepaulo]

when I mouseover the element, the gauge is changing and showing the color, is it still wrong?