@najtram

Right again! All fonts should be the default MM font now.

Thanks for the feedback.

@najtram

Fixed the font. Set to default MM font in GaugeMeter.js.

Thanks for the suggestions!

@najtram

You are right. I overlooked that. I added an option ‘counterTodayAppendText’ which defaults to ‘kWh’. So you can set it yourself in the config or leave it a ‘kWh’. Latest code is on GitHub.

@najtram & @steps39

I made some changes to the code:

• When min value for the gauge is < 0 then 0 is centered. Otherwise zero is not centered.

• Made the config for utility gauges much more flexible

It is now possible to set config options for each individual gauge, including width, line width, marker width and marker color. Also a symbol of font awesome can be used.

Please download the latest code from GitHub. You will also have to modify the config file. I updated the readme accordingly. My config for utilities is now:

utilities: {
  utilityLabel: "Gas - Water - Licht",
  showLabel: true,
  devices: [
    {
       idx: "304",
       deviceHeader: "Elektriciteit",
       counterTodayLabel: "Vandaag",
       gaugeMinValue: -3000,
       gaugeMaxValue: 3000,
       gaugeAppendText: "Watt",
       gaugeWidth: 200,
       lineWidth: 16,
       markerWidth: 16,
       markerColor: "#F4D03F"
     },
     {
       idx: "329",
       deviceHeader: "Gas",
       useHeaderSymbol: true,
       headerSymbol: "fire",
       counterTodayLabel: "Vandaag",
       gaugeMaxValue: 25,
       gaugeAppendText: "m³",
     },
     {
       idx: "1614",
       deviceHeader: "Water",
       useHeaderSymbol: false,
       headerSymbol: "water",
       counterTodayLabel: "Vandaag",
       gaugeMaxValue: 1500,
       gaugeAppendText: "liter",
     }
   ],
 },

Which results in:

@steps39

Thanks for the explanation. I’ll make some modifications and let you now.

There are several options for the gauge, but they I didn’t implement it in such a way that they can be set in the config. For instance line thicknesses, etc.

Dashticz is also a good option. In some ways it is more flexible, but in other ways not. But I would definitely give it a try!

@steps39

I’ll have a look at the requests and zero state bug later this week or this weekend. Can you describe them zero state bug in more detail? Is it that when the value is zero the gauge is not displayed (correctly)?

@najtram

The name of the device in Domoticz is used. Would you like me to built an option to use a custom header with FontAwesome?

@najtram Looks nice!

I’ll look into the zero-bug.

@steps39 That’s great!

@steps39

I tested with a dummy device in Domoticz I created based on your setup and think I got it working. New code is available on GitHub. Could you please check if it is working for you too?