Possible get more modern looking charts?

I still have trouble getting a nice smooth graph for different resolutions (phone vs. desktop). And I haven’t spent enough time to get it to smooth out in a way that accurately shows data on both ends. Using less point counts distorts the data too much. It would be nice if the chart component could smooth out natively instead of the user having to figure out how to smooth out the data before using it in a graph.

I still advocate for better looking charts/graphs out of the box (since it is possible).

Now with that I can’t argue :slight_smile:

Smooth data? Why would you like to do that? Your getting into splines and interpolation concepts, data is data. You just take more samples per period and smoothness in data happens. Also check container options, I’m sure is possible to achieve good graphs in desktop or phone with breakpoints and different views.
I totally agree that chart can look different and can improve but your complaining like if there where no options to display nice graphs. Even in Vision you can really do such modern graphs with libraries and scripting, if you don’t like those tools is fine, they’ll stay at 90’s in your mind.
You should develop your own apexcharts with js and use Web Dev module to bring them to Ignition Screen.

Because I like my charts to look nice:

But the amount of custom work I had to do to get that look is part of the original issue that I posted about (when I originally posted, I didn’t know I could customize the graphs so much - but my original comment still stands - they should look nice without me having to customize them).

More samples per period does not result in a smooth graph, actually the opposite. And yes, breakpoints work, but like I said, there isn’t a way to change the point counts based on a breakpoint (at least not that I’ve found). So I can make a graph look nice on desktop, but then on mobile it won’t or vice versa.

It’s very close to working, but not 100%. And I guess I don’t call something like this complaining - it’s a feature request. Is it wrong to ask for new features?

2 Likes

It’s not bad to ask for features but they usually go here for future reference - https://ideas.inductiveautomation.com/

Can you, please, show/explain, how can we do that in Vision?
I’m trying for quite some time now but failed to find/do something useful…

2 Likes

I guess libraries like these and chartjs are good for static display of dash boards and charts. They don’t render a smooth scrolling of charts as required in SCADA applications where charts update in a smooth scrolling manner as data arrives on x axis for time series. These libraries refresh the whole chart for a new set of data and time axis.

1 Like

You can’t use javascript directly in Ignition.

However, what @sungkhum you could do, if you know web development, is to write your own front end in react/vue/vanilla htmlcssjs, buy the web dev module for Ignition (the cheapest module they sell fwiw) and use Ignition Web Dev to make API endpoints that your front end hits. Then you can use any modern javascript charting library you’d like. All Ignition would do is provide data to be consumed by your custom web front end.

Yes , we do have a module RWS (restful web services) in exchange portal that displays chartjs components on a web page connected to Ignition using webdev module. However there are challenges like getting historical data, etc. But yes essentially you can get data in an HTML page using webdev then use what ever libraries you want to display that data in the HTML page!

2 Likes

I tend to avoid smoothing as much as possible for plant ops. Too risky that it will hide an important spike or gap in the data. I could definitely see it being a nice to have for Maker with home projects, but I wouldn’t want it to be the default setting.

6 Likes

That’s the way I read it. And a lot of feature requests do land on the forum first. It’s a great place for some discussion and sometimes solutions are found with existing features. If there are no current solutions, the feature request at the ideas portal will likely be more complete based on discussions here. Thanks all for posting!

1 Like

34 posts were split to a new topic: KyvisLabs ApexChart Module

But you have to add $1600 for web dev module which unacceptable and also the management of code is very hard

1 Like

We have a nodejs module instead.

How does it work here?
And how much does it cost?

I will soon release a video on it.

2 Likes

please see intro video of the NodeJs based appraoch.

this looks great, I’m sure it was a lot of work, unfortunately.
This is all in perspective?

I agree. I’ll take a correct chart over a pretty one any day of the week.

Yeah, that was all perspective controls