• State TI Thinks Resolved
  • Locked Locked
  • Replies 3 replies
  • Answers 1 answer
  • Subscribers 55 subscribers
  • Views 1366 views
  • Users 0 members are here
Support feedback
Options
Options
Related

This thread has been locked.

If you have a related question, please click the "Ask a related question" button in the top right corner. The newly created question will be automatically linked to this question.

CCS/TMS320F28377S: GUI Composer - Lissajous graph

Florina Cojocaru
Prodigy 10 points
Part Number: TMS320F28377S


Tool/software: Code Composer Studio

I want to use a graph on which I am able to assign a variable not only on Y Axis but also a variable on X axis in order to display a Lissajous figure between the two axis.

Unfortunately I wasn't able to set on X axis a variable , it seems that is set time by default but I'm not able to assign another variable..

Please advise how to proceed in order to display in GUI composer independent variable on each axis, if we can use a standard widget with some settings or you can provide a widget that can provide this functionality.

  • 0
    TI__Guru**** 472291 points
    Hello Florina,
    It doesn't appear that this is supported currently. An expert has been notified for confirmation and for any available workarounds.

    Thank you for your patience.
    ki
  • 0 in reply to Ki
    TI__Genius 15700 points

    Hello Florina, 

    This should be possible with a different type of graph widget. Unfortunately, it does not have a set of properties like most other widgets thus it requires a bit of javascript code to first intercept the data that is incoming, then once you have your data arrays, set new graph widgets properties with your data arrays and calling redraw function. 

    I'll try to provide more details on monday. 

    Martin

  • 0 in reply to MartinS
    TI__Genius 15700 points
    Hi Florina,
    There is a relatively simple example that uses two data arrays to graph a line using plotly widget. There are no properties exposed, thus you can't simply assign a variable through a binding mechanism.
    Using link below, will take you to a tile for the app. Clicking on GUI Composer button you can import it into your GUI Composer workspace.
    You would then need to take a look at javascript implementation of how data arrays are constructed, then assigned to graph and a call is made to redraw the graph to trigger an update. To see javascript you would need to expand the project view (folder icon on main toolbar), then double click on mockup.js file, near the bottom there is implementation shown.

    Above shows how to update the graph. If you need to get access to your target data, then you would need to intercept it as it is being sent through GUI Composer. You would take a look at information in User Guide (working with javascript) that shows how to intercept a target variable (if using XDS data communication). In that function you would need to collect the data, if data is a scalar, and then once your buffer is full then set plotly x and y properties and trigger an update.

    dev.ti.com/.../

    dev.ti.com/.../index.html

    Lastly,
    This is the full documentation for plotly, that should have example of different types of graphs, properties and how they need to be configured.

    https://plot.ly/javascript/


    Martin