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

**URL:** <https://forum.inductiveautomation.com/t/using-chart-js-in-ignition-visualization-with-opc-tag-integration-real-time-akim-hertz-rpm-monitoring/105320>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [April 21, 2025, 11:26am UTC](https://forum.inductiveautomation.com/t/using-chart-js-in-ignition-visualization-with-opc-tag-integration-real-time-akim-hertz-rpm-monitoring/105320 "2025-04-21T11:26:59Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![haluk.genc](https://avatars.discourse-cdn.com/v4/letter/h/958977/32.png) [@haluk.genc](https://forum.inductiveautomation.com/u/haluk.genc)\
**Post date:** [April 21, 2025, 11:26am UTC](https://forum.inductiveautomation.com/t/using-chart-js-in-ignition-visualization-with-opc-tag-integration-real-time-akim-hertz-rpm-monitoring/105320/1 "2025-04-21T11:26:59Z")

</div>

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!

---

<div class="post-metadata">

**Author:** ![David\_Stone](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/david_stone/32/79749_2.png) [@David\_Stone](https://forum.inductiveautomation.com/u/David_Stone)\
**Post date:** [April 21, 2025, 12:32pm UTC](https://forum.inductiveautomation.com/t/using-chart-js-in-ignition-visualization-with-opc-tag-integration-real-time-akim-hertz-rpm-monitoring/105320/2 "2025-04-21T12:32:07Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![Benjamin\_Furlani](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/benjamin_furlani/32/66084_2.png) [@Benjamin\_Furlani](https://forum.inductiveautomation.com/u/Benjamin_Furlani)\
**Post date:** [April 21, 2025, 1:16pm UTC](https://forum.inductiveautomation.com/t/using-chart-js-in-ignition-visualization-with-opc-tag-integration-real-time-akim-hertz-rpm-monitoring/105320/3 "2025-04-21T13:16:53Z")

</div>

> [@Musson Industrial’s Embr-Charts Module](https://forum.inductiveautomation.com/t/musson-industrial-s-embr-charts-module/91618):
>
> 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](https://www.chartjs.org/) component. [https://github.com/mussonindustrial/embr/raw/main/modules/embr-charts/docs/examples/chart-js.png](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.

---

<div class="post-metadata">

**Author:** ![Human\_error](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/human_error/32/69876_2.png) [@Human\_error](https://forum.inductiveautomation.com/u/Human_error)\
**Post date:** [November 12, 2025, 7:48am UTC](https://forum.inductiveautomation.com/t/using-chart-js-in-ignition-visualization-with-opc-tag-integration-real-time-akim-hertz-rpm-monitoring/105320/4 "2025-11-12T07:48:36Z")

</div>

Is this Chartjs module already compatible with version 8.3?

---

<div class="post-metadata">

**Author:** ![David\_Stone](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/david_stone/32/79749_2.png) [@David\_Stone](https://forum.inductiveautomation.com/u/David_Stone)\
**Post date:** [November 12, 2025, 10:39am UTC](https://forum.inductiveautomation.com/t/using-chart-js-in-ignition-visualization-with-opc-tag-integration-real-time-akim-hertz-rpm-monitoring/105320/5 "2025-11-12T10:39:18Z")

</div>

Yes.
