Basic Examples

​

Chart Series Types

​

Bar Charts

• Bar Gradient - Apply gradient fills to bar series
  ~/workspace/source/VCL/TeeNew/Bar_Gradient.pas
• Bar 3D Depth - Control the 3D depth of bar charts
  ~/workspace/source/VCL/TeeNew/Bar_3DDepth.pas
• Bar Cylinder - Create cylindrical bar charts
  ~/workspace/source/VCL/TeeNew/Bar_Cylinder.pas
• Bar Rounded - Use rounded corners on bars
  ~/workspace/source/VCL/TeeNew/Bar_Rounded.pas
• Bar Image - Display images inside bar charts
  ~/workspace/source/VCL/TeeNew/Bar_Image.pas

​

Line Charts

• FastLine Draw All - High-performance line drawing
  ~/workspace/source/VCL/TeeNew/FastLine_DrawAll.pas
• FastLine Draw All Style - Different line drawing styles
  ~/workspace/source/VCL/TeeNew/FastLine_DrawAllStyle.pas
• FastLine Treat Nulls - Handle null values in line series
  ~/workspace/source/VCL/TeeNew/FastLine_TreatNulls.pas
• Horizontal Line Series - Create horizontal line charts
  ~/workspace/source/VCL/TeeNew/HorizLine_Series.pas

​

Area Charts

• Area Gradient - Apply gradients to area series
  ~/workspace/source/VCL/TeeNew/Area_Gradient.pas
• Area Origin - Control the origin point for area fills
  ~/workspace/source/VCL/TeeNew/Area_Origin.pas
• Area Stairs - Create stepped area charts
  ~/workspace/source/VCL/TeeNew/Area_Stairs.pas
• Area Transparency - Apply transparency to area series
  ~/workspace/source/VCL/TeeNew/Area_Transparency.pas
• Area Treat Nulls - Handle null values in area charts
  ~/workspace/source/VCL/TeeNew/Area_TreatNulls.pas

​

Chart Customization

​

Axes Configuration

• Axes Draw Bevels - Add bevels to chart axes
  ~/workspace/source/VCL/TeeNew/Axes_DrawBevels.pas
• Axes Grid Bands - Configure grid band patterns
  ~/workspace/source/VCL/TeeNew/Axes_GridBands.pas
• Axes Hide - Show/hide chart axes
  ~/workspace/source/VCL/TeeNew/Axes_Hide.pas
• Axes Labels Format - Format axis labels
  ~/workspace/source/VCL/TeeNew/Axes_LabelsFormat.pas
• Axes Offsets - Control axis offset positions
  ~/workspace/source/VCL/TeeNew/Axes_Offsets.pas
• Axis Title Visible - Show/hide axis titles
  ~/workspace/source/VCL/TeeNew/AxisTitle_Visible.pas

​

Chart Appearance

• BackWall Gradient - Apply gradient to chart background
  ~/workspace/source/VCL/TeeNew/BackWall_Gradient.pas
• BackWall Image - Set background images
  ~/workspace/source/VCL/TeeNew/BackWall_Image.pas
• Assign Picture - Load and assign pictures to charts
  ~/workspace/source/VCL/TeeNew/Assign_Picture.pas

​

Viewing All Series Types

• Browse all built-in series types
• Toggle between 2D and 3D views
• See sample data for each series type
• Location: ~/workspace/source/VCL/TeeNew/All_Series.pas

​

FMX Basic Examples

​

Standard Series

• Demo Area - FMX area chart example
  ~/workspace/source/FMX/Demo/Standard/DemoArea.pas
• Demo Bar - FMX bar chart example
  ~/workspace/source/FMX/Demo/Standard/DemoBar.pas
• Demo Line - FMX line chart example
  ~/workspace/source/FMX/Demo/Standard/DemoLine.pas
• Demo Pie - FMX pie chart example
  ~/workspace/source/FMX/Demo/Standard/DemoPie.pas
• Demo Bubble - FMX bubble chart example
  ~/workspace/source/FMX/Demo/Standard/DemoBubble.pas
• Demo Arrow - FMX arrow chart example
  ~/workspace/source/FMX/Demo/Standard/DemoArrow.pas

​

Getting Started Tips

1. Start Simple - Begin with basic bar or line charts to understand the fundamentals
2. Explore Series Types - Use All_Series.pas to discover different visualization options
3. Customize Gradually - Start with default settings, then add customization incrementally
4. Check the Code - All examples include full source code showing best practices

​

Next Steps

• Intermediate Examples - Chart interactions, tools, and functions
• Advanced Examples - Real-time charts, OpenGL, and complex scenarios
• TeeNew Demo - Browse all 687 examples in the comprehensive demo