How to use graph to create two lines and add data to each.

Forum|Forum|5 years ago
August 19, 2021
12 replies
3509 views

I want to use graph drawing 2 line, in the MainView: : handleTickEvent () used in the graph. addDataPoint () to add data respectively?

Another requirement, line needs to be separated by some pixels, how to set.:face_with_tears_of_joy:

TouchGFX

This topic has been closed for replies.

ktrofimo

Senior III

You need to add second line for DynamicGraph widget. And call addDataPoint() twice:

graph.addDataPoint( Value1 );

graph2.addDataPoint( Value2 );

lxwAuthor

Associate III

What I want is to draw two lines in a graph. Can only one line be drawn in a graph?

dynamicGraph1.addGraphElement(dynamicGraph1Line1);

dynamicGraph1.addGraphElement(dynamicGraph1Line2);

ktrofimo

Senior III

You can add many lines on the same DynamicGraph in TouchGFX Designer. Use them like the first one.

Here is my test: the first graph (yellow) is sine with random noise and second one (blue) is slider value (61)

ktrofimo

Senior III

Your picture is a SINGLE graph line. This is a method of drawing large amount of data points when new data is overwrites old one in a circular buffer.

Take a note of X axis labels: 1270-1300 is an old data being replaced by new one (1300-1360)

lxwAuthor

Associate III

Yes, how do I make Xnew = (Xold+100), keep the gap equal to 100

ktrofimo

Senior III

Can you draw what exactly you need on a sheet of paper?

lxwAuthor

Associate III

Line1 is the current effect, I want to achieve the effect of line2, the middle interval is wider

lxwAuthor

Associate III

Hopefully it can be improved in the future

Sign up

Login with SSO here:

Login to the community

Login with SSO here: