softwarefx's public fiddles
-
TEST QA Series Attributes (JQuery)
For Testing & QA purposes. Do Not Share as Public Fiddle
-
TEST QA Mapping Fields (JScript)
For Testing & QA purposes. Do Not Share as Public Fiddle
-
Configuring Series Attributes (JQuery)
jChartFX allows you to individually configure the properties for each series. This sample shows how to set different galleries for two series and to assign them to different axes.
-
Mapping Fields (Dev Test)
This fiddle is mapped to Test Libraries. For QA only purposes. DO NOT Share URL
-
sqQy2
No-Library (pure JS), HTML, CSS, JavaScript
-
HandDrawn Chart (Jquery)
jChartFX provides an attractive feature that allows you to render any Chart using a hand drawn style. This sample shows a basic sample of how to set it up. // check line 23 of javascript (needs img reference)
-
Using ConditionalAttributes (JQuery)
This sample shows how to highlight points that fall within a specified range.
-
Multiple Panes (JQuery)
jChartFX allows you do isolate series for easier reading by placing them in separate panes. This sample shows how to assign tow series to two different panes with their own Y axes.
-
Formatting Point Labels (JQuery)
This sample shows how to manipulate point labels to show the desired information fo each point.
-
Custom GridLines (JQuery)
This sample shows how to create constant lines by using the Custom Gridlines feature of the Chart.
-
Configuring Series Attributes (JQuery)
jChartFX allows you to individually configure the properties for each series. This sample shows how to set different galleries for two series and to assign them to different axes.
-
Configuring Point Attributes (JQuery)
The PointAttributes class provides ways to configure how datapoints are displayed. This sample shows how to individually modify the look of two points in a scatter chart.
-
Configuring 3D charts (JQuery)
This sample takes advantage of the View3D class of jChartFX to provide atractive 3D representations of the Chart.
-
Real-Time Chart
This sample illlustrates the use of Chart FX to handle real-time scenarios. We simulate the activity of an Electrocardiogram (EKG) measuring a patient's heartbeat.
-
HandDrawn Chart
jChartFX provides an attractive feature that allows you to render any Chart using a hand drawn style. This sample shows a basic sample of how to set it up. // check line 23 of javascript (needs img reference)
-
Using ConditionalAttributes
This sample shows how to highlight points that fall within a specified range.
-
Using JQueryUI v1.8.2
This sample shows how to assign data fields to different elements of the chart by using the FieldMap class. It shows numerical values on the Y axis and date values on the X axis.
-
Conditional Attributes Sample
Shows how to highlight points that fall within a specified range in a Bar Chart
-
Mapping Fields to chart elements (JQuery)
This sample shows how to assign data fields to different elements of the chart by using the FieldMap class. It shows numerical values on the Y axis and date values on the X axis.
-
Annotations
The annotations extension allows you to overlay drawing objects on top of the plotted data. This sample shows how to add and configure some of the most common annotation objects.