Labview - MJSplot integration

Nav:[XY Graphs] [2D Arrays] [Time Series]

Seeing data as it's recorded while at home was a big motivation for MJSplot.

With these example integration methods I hope you will read the source code and make modifications as you need them.

XY graph

The easiest way. If you can get your data to plot on labview's xy graph front panel object, you can route the graph line (think pink) to This box does the formatting and will write a .js with each line of the xy graph in variables x0=[...]; y0=[...]; x1=[...];y1=[...]; etc. You will write a page that uses this.

Implementation Idea:

xy graph example

In this example I use a reference to an xy graph rather than the graph itself, but the direct connection would work too.'Web folder' is a folder select front panel object that can point to the webserver. This example is in a stacked frame sequence in the main loop and runs with a 'next web update' time, this means the the data written to the web only every 60s ('Update web every') so the server isn't hit to often. All optional of course.

2D Array and it's sub-vi:

The better way. In this example I have a time array and two data arrays that I want to see online as a XYY graph (sharing a common x).

2d array example

Time in converted to relative time in hours. The 'web folder' is the same as the above example. The time array and my two data arrays are fed into an array that goes to the 'save .js' box. The variable names you want are an array of strings, this means you can have different graph plotting to the same webpage without hitting namespacing problems.

XYY Time Series Graph

With version 2_2_14 MJSplot can use time data nativly. One way to use this is to write out the times from labview in an importable way. The new labview box is called and it uses and to work.

The implementation is very similar to before:

comparason of the old and new ways to get time-series data from labview

The big difference is the the labview timestamps are feed in and converted internally. The time variable needs naming so one additional imput is needed.

time series usage

Once the data is loaded into the browser you will need two lines like

times = convert_time_strings(mcta4_times);


your_graph.default_graphics_style.x_scale_mode = "time";