Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Table of Contents


Info
titleTo download please visit

https://stackhub.org/package/finAmChartComponents

Then after installing, make sure to go to Settings App > Ext and enable the extension. (Compatible with v4.5.851+)

...

Link to download pod: finAmChartsReactExt.pod


Image Added


This pod will add the AM Chart Category to the components menu.  Each chart holds a different number of points and different types of data.

  • Area Chart (up to 10 points) - shows his
  • Column Chart (up to 10 points) - shows his or curVal
  • Column Layered (must be 2 points) - shows his
  • Column Line (must be 2 points) - shows his
  • Column Stacked (up to 10 points) - shows his
  • Line Chart (up to 10 points) - shows his
  • Pie Chart (up to 10 points) - shows curVal

How to Use

Image Removed Image Removed Image RemovedImage Added  Image Added

  • Drag out one of the models from the AM Charts Category
  • Right click on the model → Tools → Configure Dashboard ComponentEdit AM Chart
  • This pop-up form is where the AM Chart is configured
    • Note the points shown in the dropdown are the virtual points on the page
    • If a point is not shown as an option on the dropdown menu, the user may need to drag it out from the equipments menu

Configure Dashboard Component

Area Chart

 Dark Theme   Image Added

Up to 10 points - Shows his

...

his

...

TimerIf a timer is dragged out can be linked to update chart
LegendIf checked will show a legend under the chart
Chart CursorIf checked will show a cursor when mouse over the area, can zoom by clicking and dragging over a section
Chart ScrollbarIf checked will display a scrollbar at the top, can zoom by resizing the scrollbar
Show BackgroundIf checked will show a view-container around the chart
Show Download ButtonIf checked will show button allowing user to download the chart
Main TitleTitle shown at top of chart, if left blank will not display a title
Themelight or dark theme
Side TitleTitle shown on side of chart, if left blank will not display a title
Show BackgroundTimerIf checked will show a view-container around the a timer is dragged out can be linked to update chart

Column Chart


   Image Added Image Added

Up to 10 points - Shows his or curVal

...

(Options change based off which query type is selected

If checked will show a view-container around the
Query TypeCurVal or History
Chart ScrollbarIf checked will display a scrollbar at the top, can zoom by resizing the scrollbar
Magic Bubbles

If checked will show magic bubbles when a column is clicked

LegendIf checked will show a legend under the chart
Show BackgroundIf checked will show a view-container around the chart
Rotate ChartIf checked will rotate chart
Show Download ButtonIf checked will show button allowing user to download the chart
Main TitleTitle shown at top of chart, if left blank will not display a title
Themelight or dark theme
Side TitleTitle shown on side of chart, if left blank will not display a title
RotateIf checked will display bars horizontally 
Show BackgroundTimerIf a timer is dragged out can be linked to update chart

Column Layered

 Image RemovedImage Added  Image Added

Must be 2 points - Shows his

If checked will display chart 3D
ThemeDropdown - light or dark theme
Chart TypeHistorical - Show his of points
Number of PointsNumber of points displayed on Chart (must be 2)
TimerIf a timer is dragged out can be linked to update LegendIf checked will show a legend under the chart
Chart CursorIf checked will show a cursor when mouse over the area, can zoom by clicking and dragging over a sectionLegendIf checked will show a legend under the chart
Chart ScrollbarIf checked will display a scrollbar at the top, can zoom by resizing the scrollbar
Main TitleTitle shown at top of chart, if left blank will not display a title
Themelight or dark theme
Side TitleTitle shown on side of chart, if left blank will not display a title
RotateDropdown - Vertical or Horizontal
3DTimerIf a timer is dragged out can be linked to update chart
Show BackgroundIf checked will show a view-container around the chart
Show Download ButtonIf checked will show button allowing user to download the chart

Column Line

   Image Added



Must be 2 points - Shows his

ThemeDropdown - light or dark themeChart TypeHistorical - Show his of pointsNumber of PointsNumber of points displayed on Chart (must be 2)TimerIf a timer is dragged out can be linked to update
LegendIf checked will show a legend under the chart
Chart CursorIf checked will show a cursor when mouse over the area, can zoom by clicking and dragging over a section
Legend
If checked will show a legend under the chart
Chart ScrollbarIf checked will display a scrollbar at the top, can zoom by resizing the scrollbar
Main TitleTitle shown at top of chart, if left blank will not display a title
Themelight or dark theme
Side TitleTitle shown on side of chart, if left blank will not display a title
TimerIf a timer is dragged out can be linked to update chart
Show BackgroundIf checked will show a view-container around the chart
Show Download ButtonIf checked will show button allowing user to download the chart

Column Stacked


   Image Added

Up to 10 points - Shows his

...

If checked will display chart 3D
Chart TypeHistorical - Show his of points
Number of PointsNumber of points displayed on Chart (must be 1-10)
TimerIf a timer is dragged out can be linked to update chartRegular or 100%(full height)
LegendIf checked will show a legend under the chart
Chart CursorIf checked will show a cursor when mouse over the area, can zoom by clicking and dragging over a section
Chart ScrollbarIf checked will display a scrollbar at the top, can zoom by resizing the scrollbar
Main TitleTitle shown at top of chart, if left blank will not display a title
Themelight or dark theme
Side TitleTitle shown on side of chart, if left blank will not display a title
StackedDropdown - Regular or 100%
3DTimerIf a timer is dragged out can be linked to update chart
Show BackgroundIf checked will show a view-container around the chart
Show Download ButtonIf checked will show button allowing user to download the chart

Line Chart

   Image Added

Up to 10 points - Shows his

...

LegendIf checked will show a legend under the chart
Chart CursorIf checked will show a cursor when mouse over the area, can zoom by clicking and dragging over a section
Chart ScrollbarIf checked will display a scrollbar at the top, can zoom by resizing the scrollbar
Main TitleTitle shown at top of chart, if left blank will not display a title
Themelight or dark theme
Side TitleTitle shown on side of chart, if left blank will not display a title
TimerIf a timer is dragged out can be linked to update chart
Show BackgroundIf checked will show a view-container around the chart
Show Download ButtonIf checked will show button allowing user to download the chart

Pie Chart

   Image Added

Up to 10 points - Shows curVal

...

Number of PointsNumber of points displayed on Chart (must be 1-10)TimerIf a timer is dragged out can be linked to update chart
Chart Type
CurVal - Show curVal of points
Pie or Donut
LegendIf checked will show a legend under the chart
3DIf checked will display
chart
3D
Chart Type
Dropdown - Pie Chart or Donut Chart
Magic BubblesIf checked will show magic bubbles when a pie slice is clicked
Show BackgroundIf checked will show a view-container around the chart
Show Download ButtonIf checked will show button allowing user to download the chart
Main TitleTitle shown at top of chart, if left blank will not display a title
Themelight or dark theme
Side TitleTitle shown on side of chart, if left blank will not display a title
Show BackgroundIf checked will show a view-container around the chart
TimerIf a timer is dragged out can be linked to update chart

Configure Dashboard Component Points

Image Added Image Added

The points tab allows users to add and remove which points they want displayed on the chart.  Users can use the default color (defined by the light and dark theme) or users can select a custom color.  Clicking custom will open a color picker, and selecting Set Color will set that color on the point.

Configure Dashboard Component History

Image RemovedImage Added Image Added

If the Chart Type is Historical it will display this page to set up the query. 

...

Here the user can choose:

  • Use Single Date
  • Use Date Range
  • Use Date Function
  • Use Relative Span
  • Rollup Function

Configure Dashboard Component Points

Image Removed

...