FIN Chart Components (finAmChartsReactExt)



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

  

  • Drag out one of the models from the AM Charts Category
  • Right click on the model → Edit 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   

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
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
TimerIf a timer is dragged out can be linked to update chart

Column Chart


    

Up to 10 points - Shows his or curVal (Options change based off which query type is selected

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
TimerIf a timer is dragged out can be linked to update chart

Column Layered

   

Must be 2 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

Column Line

   



Must be 2 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

Column Stacked


   

Up to 10 points - Shows his

Chart TypeRegular 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
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

Line Chart

   

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

   

Up to 10 points - Shows curVal

Chart TypePie or Donut
LegendIf checked will show a legend under the chart
3DIf checked will display 3D
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
TimerIf a timer is dragged out can be linked to update chart

Configure Dashboard Component Points

 

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

 

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


Here the user can choose:

  • Use Date Function
  • Use Relative Span
  • Rollup Function


Demo

Â