Differences

This shows you the differences between two versions of the page.

--- mistudio:design_editor:charts:fdcchart [2026/09/18 13:35] – removed - external edit (Unknown date) 127.0.0.1
+++ mistudio:design_editor:charts:fdcchart [2026/09/18 15:22] (current) – tputman
@@ Line 1: / Line 1: @@
+===== 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]]