Graphing with curved lines

Hi all,

I though I would give something back as this forum has been a great source of help to me getting things setup.

This is not meant to offend the developer of EasyIoT but I found that the graph was a little to stepped or jagged for me, as I measure Temp and Humidity I know that the change in temp and humidity is analog so should be gradual over time.

I also have to state upfront I am not a developer at all and this is just a hobby for me and I like to tinker with stuff so any code included most certainly can be improved on.

I discovered that there are plugins to flot which is being used to graph, there is one plugin from curvedlines.michaelzinsmaier.de/ called Curved that can be added to the js folder to make the graphs curved.
You can download the zip file from github and then all you need to do is add curvedLines.js to the js folder and include it in the index.html, meaning edit the index.html file and add the following at the top where all the other js scripts are added.

<script src="/js/curvedLines.js"></script>

save the file.

Then edit the Ha.WebApp.Control.js file and look for Ha.WebApp.Control.ChartDisplayData function on about line 1019
then you will see that the flot chart adds options.
Just add the following to the options
curvedLines: {
active: true,
apply: true,
},

I have attached a picture to the post to show what the graph looks like with curved lines

Hope this helps at least one person

UPDATE:

This may or may not be because I am stupid and I hope someone can tell me why.... I noticed that I was still getting jagged edges on some graphs... so I opened the curvedLines.js file and change the following options from false to true.

curvedLines : {
active : true,
apply : true,

I thought that these settings where the default and the changes that I made in the Ha.WebApp.Control.js file would overwrite them?

Well apparently not....as I said I am not a coder at all.
Now that I have change the defaults in curvedLines.js the curved lines now works properly.

Coutten digi values just be showing like in a log??

Great work.... Thanks for the help