Using Chart.js in Ignition Visualization with OPC Tag Integration (Real-time Akım, Hertz, RPM Monitoring)

[haluk.genc]

Hello,

Is there any tutorial available that explains how to use the Chart.js element in Ignition’s Perspective visualization? I would like to integrate OPC tags into a Chart.js-based graph in order to monitor real-time values like Current, Hertz, and RPM. My goal is to visualize this data live and later use it for analysis.

Unfortunately, I couldn't find any useful resources regarding this specific use case. I would really appreciate any guidance, examples, or documentation that could help me achieve this.

Thank you in advance!

[David_Stone]

There is no “Chart.js” element in Perspective.
Musson Industrial have made a very nice third party module called Embr Charts that wraps Chart.js and enables them in Perspective. This shows in your designer as “Chart.js”
Search the forum for Embr Charts and you will find what you need.

[Benjamin_Furlani]

Musson Industrial’s Embr-Charts Module

Embr-Charts Musson Industrial is excited to announce the release of embr-charts, an Ignition module that adds a collection of enhanced Perspective charting components. Chart.js Component This initial release contains a Chart.js component. https://github.com/mussonindustrial/embr/raw/main/modules/embr-charts/docs/examples/chart-js.png Chart.js renders chart elements on an HTML5 canvas unlike other D3.js-based charting libraries that render as SVG. Canvas rendering makes Chart.js very performa…

Just putting this here for others that find this topic for a quick link.

[Human_error]

Is this Chartjs module already compatible with version 8.3?

[David_Stone]

Yes.