search

frangoteam / FUXA

Web-based Process Visualization (SCADA/HMI/Dashboard) software
https://frangoteam.org
MIT License
2.88k stars 839 forks source link

[FEATURE] Interactive charting library #1506

Open Kiruthick-Roxx opened 5 days ago

Kiruthick-Roxx commented 5 days ago

Describe the feature It would be great to use Highchart library to display a line chart that will have different color zones like the one below.

image

After a lot of try to change the colors line for different zones in Uplot library i found it to be impossible as the library is not designed in such a way or I may not be able to do it. Then i tried out this library in a normal angular project and i was able to do it but unfortunately i couldn't do that in FUXA as I'm very much new to Angular and JS etc. So i request this feature which would be much more than a normal chart as it would give much better representation of data and immediate analysis can be made based on the color zones.

leeoniya commented 2 days ago

uplot does support this, but you have to use some functions to generate the zone gradients. it does not have config options to do this out of the box. FUXA can definitely offer this to users, though :)

https://leeoniya.github.io/uPlot/demos/gradients.html

henjoe commented 1 day ago

uplot does support this, but you have to use some functions to generate the zone gradients. it does not have config options to do this out of the box. FUXA can definitely offer this to users, though :)

https://leeoniya.github.io/uPlot/demos/gradients.html

I was surprised you are here 😄