===== FDCChart =====

com.ergotech.vib.graphics.javascript.charting.FDCChart

==== Image Examples ====

| {{:mistudio:graphics:charts:pasted:FDCCHART_PALETTE_IMAGE.png?40|FDCChart in the graphics palette}} | {{:mistudio:graphics:charts:pasted:FDCCHART_GRAPHIC_IMAGE.png?200|FDCChart graphic example}} |
| //FDCChart in the graphics palette.// | //FDCChart graphic example.// |

==== Overview ====

The FDCChart graphic is a chart graphic used for custom chart or display content.

FDCChart is different from the standard chart graphics because it includes script and stylesheet properties.

This page is a placeholder and should be updated later when the intended FDCChart workflow is confirmed.

==== Common Uses ====

  * Displaying custom chart content
  * Testing script-backed chart behavior
  * Displaying chart content that uses JavaScript or CSS resources

==== Input Behavior ====

The standard input behavior for FDCChart needs confirmation.

FDCChart does not currently have the same documented data-source workflow as LineChart, BarChart, PieChart, DoughnutChart, RadarChart, or SparkChart.

==== Output Behavior ====

FDCChart is used as a display graphic.

FDCChart does not provide a default user-input output workflow.

==== FDCChart-Specific Behavior ====

FDCChart includes chart, display, and script-related settings.

FDCChart-specific settings include:

  * **Name** Sets the name of the FDCChart graphic.
  * **Color Action** Sets the color action behavior.
  * **Bezel** Sets the bezel style.
  * **Font** Sets the font used by the graphic.
  * **Foreground** Sets the foreground color.
  * **High Value** Sets the high value used for range behavior.
  * **Script** Provides a script field for custom chart or display behavior.
  * **Low Value** Sets the low value used for range behavior.
  * **Script Sources** Lists JavaScript source files used by the graphic.
  * **StylesheetSources** Lists CSS source files used by the graphic.
  * **Use Color** Controls whether incoming colors are used when supported.
  * **Bad Qual. Indicator** Controls the indicator used when bad quality data is received.
  * **Bezel Color** Sets the bezel color.
  * **Bezel Inside Color** Sets the inside color of the bezel.
  * **Bezel Thickness** Sets the bezel thickness.
  * **Cursor** Sets the cursor used when hovering over the graphic.
  * **Rotation** Sets the graphic rotation.
  * **Click Action** Sets the action used when the graphic is clicked.
  * **Click Count** Sets the number of clicks used for the click action.
  * **Visible** Controls whether the FDCChart is shown.
  * **Warning Qual. Indicator** Controls the indicator used when warning or transitional quality data is received.

==== Script Configuration ====

FDCChart includes script and stylesheet fields:

  * **Script**
  * **Script Sources**
  * **StylesheetSources**

These settings indicate that FDCChart can use JavaScript and CSS resources for custom display behavior.

==== Documentation Status ====

This page needs to be updated later when the intended FDCChart setup and workflow are confirmed.

==== Notes ====

Use LineChart, BarChart, PieChart, DoughnutChart, RadarChart, or SparkChart for standard chart workflows.

FDCChart should be used when working from a confirmed custom or script-backed chart setup.

==== Related Pages ====

  * [[mistudio:design_editor:start|MIStudio Design Editor]]
  * [[mistudio:design_editor:charts:start|Charts]]
  * [[mistudio:design_editor:charts:linechart|LineChart]]
  * [[mistudio:design_editor:charts:barchart|BarChart]]
  * [[mistudio:design_editor:charts:piechart|PieChart]]
  * [[mistudio:design_editor:charts:doughnutchart|DoughnutChart]]
  * [[mistudio:design_editor:charts:radarchart|RadarChart]]
  * [[mistudio:design_editor:charts:sparkchart|SparkChart]]
  * [[mistudio:getting_started:test_data_sources|Using Test Data Sources]]
  * [[mistudio:getting_started:connect_data_source_to_graphic|Connecting a Data Source to a Graphic]]