How to Display Plot Name and XY Values Using Graph Hover-Over Function in GWeb Development Software

Updated Nov 28, 2023

Environment

Software

  • G Web Development Software
  • LabVIEW NXG

This document explains how to display plot name and XY values when  mouse hovers over the plot, in GWeb Development Software. This document assumes that you have basics knowledge of creating web applications with GWeb Development Software, if not, please refer to the related links for more information.

  1. Right-click the graph terminal and create a graph reference with Create reference.
  2. From User interface>>Panel Manipulation, select  Property node function, place it on the block diagram and wire it to the graph reference created on step 1.
GWeb step2.jpg
  1. Click on Panel .
  2. Click on the graph to display graph properties.
  3. In the graph properties Item window, go to the Plots tab and open the plot settings by clicking on the ⚙ item.
GWeb step31 1 (1).png
  1. In the pop-up window, check Show Value on Hover and set the plot name, X value ( {0} ), Y value ( {1} ) in Hover format .
For example, if you set this section as  ( Plot 1,{0}, { 1} ), Plot 1 will be your plot name, plot name, X and Y value will be separated by a comma(,) in the display string.
 
GWeb step32 (1).png
  1. Edit the Hover format for the remaining plots using steps 5,6.
  2. Run your web application and hover mouse over plot to verify if plots names and XY values appear.
    Note: If values and plot name are not displayed on the first mouse hover over, follow below additional steps(while your web application is still running).
    1. Click the down arrow shown in the image below to display the plot settings.
GWeb run1 (1).png
  1. Uncheck Show value on Hover and check it again.
 
GWeb run2 (1).png
  1. Repeat steps A and B for the remaining plots.
  2. Hover your mouse over plots to read the plot name an XY values.
 

GWeb result.PNG

The sample program can be downloaded from the attached file.