Linear Colour for Thermometer Gague

[ronan2575]

I have installed thermometer gauge, The default fill colour is blue #008ee4.

 

is it possible that this colour can change as the thermometer fills up, for example from #008ee4   to #ff6600    to #ff0000 at different levels? 

 

here is the code I have in, (have tried different code to get the colour to change but to no avail. 

 

FusionCharts.ready(function () {

    var chart = new FusionCharts({

        type: 'thermometer',

        renderAt: 'chart-container2',

        id: 'temp-monitor',

        width: '100',

        height: '220',

        dataFormat: 'json',

manageResize: '1',

        dataSource: {

            "chart": {

                "caption": "Staff",

                "subcaption": "",

                "subcaptionFontBold": "0",

                "lowerLimit": "1",

                "upperLimit": "40",

                "numberSuffix": " S",                

                "bgColor": "#ffffff",

                "showBorder": "0",

                "thmFillColor": "#008ee4",

"showhovereffect": "1",

 

 

            },

            "value": "0"

 

 

I am using V3.7.0

[Moonmi Sonowal]

Hi Ronan,

 

To change the fluid color fill you can make use of the "gaugeFillColor" attribute in the chart element and set it to any color as per your requirement.

 

Please refer the fiddle below for implementation:

 

fiddle: http://jsfiddle.net/moonmi/kfLnr94e/

 

Thanks.

[ronan2575]

Hi Ronan,

 

To change the fluid color fill you can make use of the "gaugeFillColor" attribute in the chart element and set it to any color as per your requirement.

 

Please refer the fiddle below for implementation:

 

fiddle: http://jsfiddle.net/moonmi/kfLnr94e/

 

Thanks.

Thank you Moonmi for your reply. I know by changing the colour in gaugeFillColor I can change the colour, however I want to have three different colours, for exampe when i is low the colour is red, at mid it is yellow, at high it is blue. All from the fillcolor. Any ideas on how I can achieve this? the LED gauge by fusion charts is a 3 colour fill.

[Moonmi Sonowal]

Hi  Ronan,

 

The kind of your requirement is not possible in thermometer gauge as of now. However, you can try out our Vertical LED gauge if it suites your requirements.

 

Ref. http://www.fusioncharts.com/dev/chart-attributes.html?chart=vled

 

Hope this helps.