New to Ignition: How to use Embr Charts (Chart.js) module with Perspective?

Ignition
, ,
1

Hi everyone :waving_hand:,

I’m new to Ignition and currently exploring how to leverage different modules within Ignition Perspective, especially for data visualization.

Recently, I came across this module:

Musson Industrial’s Embr Charts Module

I downloaded and installed it successfully, but I’m not sure what comes next.

When I pull in Tag Historian records, I don’t see the chart populate automatically like it does with the default Perspective Time Series Chart. I tried configuring the X & Y axes, and eventually I could see some data, but I’m struggling to understand how to go beyond the basics.

The documentation seems to reference Chart.js here:

:link: Chart.js Docs

So my questions are:

  1. I tried adding data through the Setup tab (from Sample) in the module, but it didn’t work as expected any tips on how to properly structure the dataset?

  2. Let’s say I want to create a line chart that changes color when a value goes out of range (based on LCL/UCL limits). What’s the best way to implement that?

  3. Lastly, if I find other modules or GitHub projects people recommend, how do I actually use those with Ignition? For example, if someone posts a GitHub link for a charting module or visualization component, how do I integrate it?

Thanks in advance for any help or guidance! :folded_hands:

I’m really enjoying learning Ignition and just trying to connect the dots between these tools and the visualization possibilities.

2

This post has got to be written by AI. You have asked questions that don't make sense, have no actual information in them and even asked us to give you a guide to use literally every module on GitHub.

Stop posting.

Follow the links you posted on your own post.

Read the thread you posted a link to in its entirety and try out some of the methods already posted in the replies there.

Once you have tried some of these and succeeded or failed, come back and ask for help, provide specifics and examples of what you have tried and don't use AI to write your questions.

3

Thanks for unhelpful comment!

I have mentioned that I tried pulling Tag Historian data and described the behavior I observed with the Embr Charts module compared to the default Perspective chart response.

I’m here trying to learn and understand how others approach module integration and dataset data structuring for Embr charts which I felt were valid questions.

And I’m amazed how you chose to ignore where I said “how one integrates or uses module in ignition” instead of “hey please tell me how to use EVERY module in ignition “

This is a forum to get help and I didn’t find this things in ignition documentation hence posted. Of course I am reading the post and trying things but just because you don’t understand the post, don’t judge it either. Stop Replying.

4

There won't be any Ignition documentation because it's not a module made by Ignition. You'll have to read the forum post and ask questions there if you still have problems.

5

I think he’s just asking how to populate the chart with data.

6

Show us what you tried, we can't see what you're doing, we can't help if you don't.

Great, what did you try?

You literally asked for a guide on integrating every module you find on GitHub right there...

Post screenshots, code, anything we can actually use to see what you are trying to do.

7

I’m always down for helping with specific questions if you can provide an example view and a concrete description of what you need help accomplishing.

Those types of posts serve as a good reference for future users attempting the same things.

But if you want me to hold your hand through the entire setup of a chart, you’ll need to either:

  1. Schedule for some proper training/consulting.
  2. Nerd snipe me with something interesting.

Things would be different if there was infinite time in the day, but unfortunately I only have the same 24 hours as everyone else.

1 Like
8

Things like this I would just ask AI for help with. Just tell it you're using chart.js and want to do XYZ. It should give you something usable you can copy the relevant parts into the ignition component (Claude and chatgpt will, Gemini will probably be way off the mark..). Do note that history from tags will need to be reformatted to suit the datasets needed by the chart. Eg a list of dicts with keys x and y, for example

Otherwise, use the official doco for the chart (apex charts or chart.js) for reference as most of the 3rd party ignition modules that provide such charts are really just wrapping up existing charting libraries.

Also, if you're embedding JavaScript into a component's values, you may need to use an arrow function instead

1 Like