iRidium Trend Component

Linear Trend Graphical Item

Linear Trend is used for graphic display of parameter changes in time.


To draw linear trends in the beta-version of iRidium 3.0, install OpenGL render in the settings of Emulator and Windows client. Open system settings of iRidium app (or the Emulator): F8 > password:2007 > Render tab> select OGL > Save & Exit. Restart the program. The trend won't be displyed in the app without this setting.

Creation

Select "Draw Item" tool one of these ways



Image 9936



Create an object of required size



Select the type of object - Linear Trend



Image 8750




The editing window of Trend properties can be called in 2 ways:



Image 8751




Editing Linear Trend


General Tab
Basic trend settings are displayed here (type, color, opacity, etc.)

Image 9959




Work with database

History trend uploads value history, and does not add real time values .



"Range" (range of trend) selects a range to display.




Image 8752



Main Curve shows which feedback displyed on the chart is the main one.




Design
Image 8956



  • Background - color and opasity of the scale field.
  • Border - color and thickness of the frame
  • Data View - color and opasity of the chart field.
  • Cursor - vertical line to visually hilight an area. It's responsible to the color and thickness of a line and time in ms that a line takes to disappers after appearing [Not realized in this version of the editor]
To select the color of filling, click the colored frame icon in "Color" field.



Image 8957



A color palette appear where you can select any color by clicking the left mouse button.
You can also use iRidium standard palette. To do it clicj the palette icon on the right top corner of the window. In the palette window that appears select the required color and click "Ок".
Image 8977



"Grab color" function is added. It's required when the palette does not have a required color, but some button in the editor has this color. It works this way:
1. Click "Grab color" in thepalette window.
Image 8978 a working window appears Image 8979




2. Click "Drag & Drop" icon with the left mouse button. After it the mouse pointer will look like a pipette. Image 8980



3. Keep the mouse button pressed, point the cursor at the required color in the editor window. For more convenient work the palette window is substituted with an enlarged screen at the top of which RGB code is displayed.



Image 9958




Curves Tab

Image 9952



The tab has chart settings for every feedback channel.



  1. List of feedback channels added to the trend.
  2. The editing feild of a feedback chart contains:
    1. Name - name of feedback (can be changed).
    2. Type - chart behaviour when the server is on/off line.[Not realized in this version]
    3. Color - color of chart lines.
    4. Depth - thickness of lines.
    5. Tag - feedback full name, that can be used to call it in JavaScript editor
  3. Tabs to work with gradualtion scales.

Graduation scale of Х axis



Image 9953


  • General - settings of the scale location to the item. It can be Down.
  • Image 8960
  • Top
    Image 8961

  • Label - settings of displaying measurement units.

    Image 9954

    • 1 - visibility/invisibility of measurement units
    • 2 - dropdown list of templates
    • 3 - font
    • 4 - font color
    • 5 - Indent - space from the scale [Not realized in this version]
  • Text - settings of text display
    Image 9961


    • 1 - text visibility/invisibility
    • 2 - text to be display on the chart
      Image 8962
    • 3 - text font
    • 4 - text color
  • Line is responsible to the scale along X axis and its design.

    Image 8966

    1 - "Major" field - main scale. It has the following settings:
    • Visibility/invisibility
    • Color
    • Thickness
    • Interval - space between scale marks.
      Image 8964

      Interval can have a greater value than "Range"
    • Serif - length of one scale mark
    • 2 - "Minor" field - additional scale. It has the following settings:
      • Visibility/invisibility
      • Color
      • Thickness
      • Count - number of areas, devided by and additional scale.

    • Image 8965
    • Serif - length of one scale mark
Graduation scale of У axis
Image 9956
General tab



General - settings of the scale location to the item and the scale size.



It can be on the left Image 8967 or on the right Image 8968



2 - Range field contains settings of the scale size.



Image 8969



If there is a tick in the "Auto scale" field, tha scale with adjust to feedback value. For example, initially the scale ranger is from 0 to 100. If a value larger than 100 or lower than 0 comes to the feedback the scale changes.





Label tab




Image 9957

  1. Visibility/invisibility settings of measurement units
  2. Dropdown list of templates
  3. Font
  4. Color
  5. Indent - space from the scale [Not realized in the current version of the editor]
Вкладка Text




Image 9966

  1. Text visibility/invisibility
  2. Text to be displyed in the chart.
    Image 8970
  3. Text font
  4. Text color
Line tab

It works the same as Line for axis ОХ


Main Axis X tab

Work the same way as Line for X axis.

This article was helpful for 5 people. Is this article helpful for you?