LogoLogo
Return to StockChartsCharts & ToolsArticlesChartSchoolYour Dashboard
  • Support Center
  • Finding Your Way Around
    • Intro to StockCharts
    • Navigating the Website
    • Logging In for the First Time
    • Members Dashboard
  • data and ticker symbols
    • Data Availability
      • Markets We Cover
      • Real-Time Data
        • BATS Real-Time Data
      • Extended Hours Data
      • Data Bar Periods
      • Price Data Adjustments
      • Historical Data
        • How Do I Download Data to Excel?
        • StockCharts Historical Sector Data
    • Ticker Symbols
      • Ticker Symbol Conventions
      • How to Find a Ticker Symbol
      • Using the Index Catalog
      • Ratio and Difference Symbols
      • Pseudo-Symbols
      • User-Defined Indexes
  • Charts & Tools
    • SharpCharts
      • SharpCharts Workbench
        • Creating and Viewing SharpCharts
        • Printing and Sharing SharpCharts
        • Editing SharpCharts
          • Using the SharpCharts Interactive Date Slider
          • Charting Market Breadth Indicators
          • SharpCharts Parameter Reference
        • Saving SharpCharts
        • Additional SharpCharts Workbench Tools
          • Viewing ChartLists on the SharpCharts Workbench
          • Viewing Alerts on the SharpCharts Workbench
          • Viewing Options Data on the SharpCharts Workbench
      • ChartStyles & StyleButtons
        • Working with ChartStyles and StyleButtons
        • Using the ChartStyle Library
        • Tool-Specific ChartStyles
      • ChartNotes
        • Annotating SharpCharts with ChartNotes
        • ChartNotes Annotation Tool Reference
          • Line Tools
          • Text Annotation Tools
          • Shape Tools
          • Line Study Tools
      • ChartLists
        • Summary View
        • ChartList View
        • ChartBook View
        • Performance View
        • Correlation View
        • Edit View
        • ChartList Reports
        • ChartPacks
      • Classic SharpCharts Workbench
      • StockCharts Mobile App
    • StockChartsACP
      • Creating ACP Charts
      • Multi-Chart Layouts in StockChartsACP
      • Viewing ACP Charts
      • Printing and Sharing ACP Charts
      • Editing ACP Charts
      • Applying Chart Templates to ACP Charts
      • Annotating ACP Charts
        • StockChartsACP Line Tools
        • StockChartsACP Text Annotation Tools
        • StockChartACP Shape Tools
        • StockChartsACP Line Study Tools
      • Working with Saved ACP Charts
      • StockChartsACP Plug-Ins
        • Chaikin Power Gauge Plug-In
        • GoNoGo Charts Plug-In
        • Larry Williams Stock Trading Starter Pack Plug-In
        • MarketGauge Plug-Ins
        • Simpler Trading Moxie Indicator Plug-In
        • Trading Simplified by Dave Landry
        • Trend Investor Pro Indicator Edge
    • Other Charting Tools
      • P&F Charts
      • GalleryView
      • Seasonality Charts
      • CandleGlance Charts
      • MarketCarpets
      • Interactive PerfCharts
      • RRG Charts
      • Dynamic Yield Curve
    • Research Tools
      • Symbol Summary
      • Options Summary
        • OptionsPlay Explorer
      • OptionsPlay Strategy Center
      • Market Summary
      • Sector Summary
      • Industry Summary
      • Index Members
      • StockCharts Technical Rank (SCTR) Reports
      • Earnings Calendar
      • Cryptocurrency Summary
    • Reports and Galleries
      • The Ticker Cloud
      • Historical Chart Gallery
      • Predefined Scan Results
        • Customizing Predefined Scans
      • Predefined Technical Alerts
      • DecisionPoint Chart Gallery
      • Public ChartLists
        • Becoming a Public ChartList Author
      • SharpCharts Voyeur
  • Scanning & Alerts
    • Technical Scans
      • Scanning for Stocks: The Basics
      • Advanced Scan Workbench
      • Standard Scan Workbench
      • Working With Scan Results
    • Scan Writing Resource Center
      • Planning Scans
      • Writing Scans
      • Scanning Tutorials
        • Scan Workbench Tutorial
        • Scan Results Tutorial 1
        • Scan Results Tutorial 2
        • Writing Scans Tutorial 1
        • Writing Scans Tutorial 2
        • Creating Scan Templates Tutorial
        • Troubleshooting Scans Tutorial 1
        • Troubleshooting Scans Tutorial 2
        • Troubleshooting Scans Tutorial 3
      • Scanning Case Studies
        • Scanning for Crossovers
        • Scanning for "Near Crosses"
        • Scanning for Divergences
        • Scanning for Relative Strength
        • Scanning for Consolidation and Breakouts
        • Scanning for Selling Climaxes
        • Scanning for SCTRs
        • Scanning Ichimoku Clouds
        • Scanning for P&F Chart Patterns
        • Scanning Your ChartLists
        • Scanning for an Overlay of an Indicator
        • Writing Min/Max Scans
        • Writing Percent Change Scans
        • Scanning Over a Range of Dates
        • Writing Scans With OR Clauses
      • Troubleshooting Scans
        • Troubleshooting Equality Scans
      • Getting Help With Scans
      • Scan Syntax Reference
        • Scan Syntax: Ticker Properties
        • Scan Syntax: Price, Volume, and SCTRs
        • Scan Syntax: Technical Indicators
        • Scan Syntax: Technical Functions
        • Scan Syntax: Predefined Patterns
        • Scan Syntax: Groups
      • Advanced Scan Library
        • Sample Scans
        • Predefined Scans
        • Published Scans
        • User-Contributed Scans
        • Gord Greer's Scan Building Blocks
    • Technical Alerts
      • Technical Alert Workbench
      • Your Alerts
  • Your Account
    • Subscribing to StockCharts
    • Service Levels & Data Plans
    • Login & Passwords
    • Your Account Settings
    • Managing Your Subscription
      • Cancelling Your Account
    • StockCharts Add-Ons
      • OptionsPlay Add-On
  • Learning More
    • Market Commentary
      • Blogs
      • ChartWatchers Newsletter
      • StockCharts TV
    • Educational Resources
    • Frequently Asked Questions (FAQs)
    • Step-By-Step Instructions
      • SharpCharts How-Tos
        • SharpCharts Workbench How-Tos
          • How to Print a SharpChart
          • How to Share a SharpChart on Social Media
          • How to Email a SharpChart
          • How to Insert a SharpChart in a Document or Presentation
          • How to View Indicator and Overlay Values for Specific Days
          • How to Save a SharpChart
        • SharpChart Editing How-Tos
          • How To Use The Interactive Date Slider
          • How to Display More than One Symbol on a SharpChart
          • How to Create Overlaid Charts
          • How to Add an Overlay to an Indicator
          • How to Add a Moving Average to the Volume Bars on a Chart
        • ChartNotes How-Tos
          • How to Pin an Annotation on a SharpChart
          • How to Save a Chart from a Blog Article with the Author's Annotations
        • ChartList How-Tos
          • How to Use the ChartList Summary
          • How to Search for a Saved Chart in Your ChartLists
          • How to Share a ChartList with Another Member
        • ChartList Editing How-Tos
          • How to Create a New ChartList
          • How to Add Predefined Symbol Groups to a New ChartList
          • How to Add Predefined Groups into an Existing ChartList
          • How to Upload Symbols to a ChartList from a Spreadsheet
          • How to Rearrange Charts in a ChartList
          • How to Delete a Saved Chart from a ChartList
      • StockChartsACP How-Tos
        • Setting Period, Type And, Range
        • Chart Attributes
          • Part One
          • Part Two
        • Sharing And Printing
        • Saving Charts
          • Saving A New Chart
          • Saving An Existing Chart As New
        • Chart Templates
          • Applying Predefined Chart Templates
          • Saving A New Chart Template
        • Using ChartLists
          • Creating A New ChartList
        • Chart Layouts
          • Accessing Chart Layouts
          • Creating A New Custom Layout
        • Additional Tools
          • Accessing Research Tools
    • Troubleshooting
      • Unable to Log In
      • Website Slow or Down
        • Using OpenDNS
      • Website Functionality Issues
    • Customer Support
    • Policies & Limitations
      • Terms of Service
      • Privacy Statement
      • No Service Level Guarantees
      • Data Policies
      • Usage Limitations
      • Reprint Permission Policies
      • Billing Policies
      • Membership Policies
      • Public ChartList Policies
      • Customer Support Policies
Powered by GitBook
LogoLogo

ON STOCKCHARTS

  • Charts & Tools
  • Articles
  • StockCharts TV
  • ChartSchool

MEMBERS

  • Your Dashboard
  • Your ChartLists
  • Advanced Scans
  • Technical Alerts

HELP

  • Support Center
  • FAQs
  • Contact Us
  • Pricing

COMPANY

  • About Us
  • What's New
  • Careers
  • StockCharts Store

© StockCharts.com, Inc. All Rights Reserved.

On this page
  • Accessing the Date Slider
  • Parts of the Date Slider
  • Changing the Date Range
  • Changing the Date Scale
  • Moving Through Time
  • Final Thoughts

Was this helpful?

Export as PDF
  1. Charts & Tools
  2. SharpCharts
  3. SharpCharts Workbench
  4. Editing SharpCharts

Using the SharpCharts Interactive Date Slider

PreviousEditing SharpChartsNextCharting Market Breadth Indicators

Last updated 6 months ago

Was this helpful?

The SharpCharts Workbench offers several different ways to set the date range for your SharpChart, but none provides more interactive functionality than the Date Slider. This feature allows you to “zoom in” on the dates you want to see on your chart, fine-tuning the size of the range and start and end dates.

Accessing the Date Slider

To access the Date Slider, first create a SharpChart. Then find the Range dropdown menu located below the chart and choose Select Start/End.

Once you select this setting, you should see a "Start” box, an “End” box, and the Date Slider.

Parts of the Date Slider

The Date Slider control consists of three elements:

  • The Date Scale. A changeable set of months/years that make up the middle of the control. This shows you a range of dates that can be used for your chart. If you use all of the dates currently shown on the scale, the scale will automatically expand to include additional dates that you can use.

  • The Thumb. The wider box that moves from side to side along the date scale is called the “thumb.” This box represents the current date range for your chart. The left edge of the slider's thumb corresponds to the left edge of your chart, and the right edge corresponds to the right edge of your chart. You can use the thumb to change the chart's date range, as described below.

  • The Arrows. To the left and right of the date scale are two arrows. Clicking on the left arrow will move the slider backward by one period; clicking the right arrow will move the slider forward by one time period.

Changing the Date Range

You can use your mouse to adjust the slider in the following ways:

  • Left-click on the middle of the slider's thumb and drag it left or right to change both the starting and ending dates. This allows you to “slide” your chart forward and backward through time.

  • Left-click on the left arrow to move the slider's thumb backward by one time period.

  • Left-click on the right arrow to move the slider's thumb forward by one time period.

  • Right-click on the middle of the slider's thumb to choose from a menu of typical chart durations.

  • To change the chart's starting date, left-click on the left edge of the slider's thumb and drag it left or right.

  • To change the chart's ending date, left-click on the right edge of the slider's thumb and drag it left or right.

As you move the slider with your mouse, the dates in the “Start” and “End” boxes to the left are instantly updated. When you stop moving the slider, the chart then follows suit.

You can also use your keyboard to move the slider's thumb backward and forward by one period. Just click the left or right arrow keys on your keyboard. You may need to click on the Date Slider once with your mouse before the keyboard arrow keys will work.

Once you have set the Start and End dates that you want for your chart, remember to click the Update button to “finalize” those values, especially if you are saving the chart into a ChartList.

Note: The date range for an intraday chart can still only be set in daily increments. In other words, a chart cannot start or end in the middle of a day.

Changing the Date Scale

By default, the Date Scale shows approximately four years of dates that can be used in your chart. StockCharts members can create longer-term charts than this, so they may need to expand the date scale beyond the four-year default. To do this, drag the left edge of the slider's thumb to the left edge of the date scale. As soon as you get close to the left edge, the date scale will expand to include more dates.

In some situations, you may want to work with a much smaller date scale, perhaps a few months instead of a few years. To do this, drag the left edge of the slider's thumb over toward the right side of the scale. When you release your mouse button, you will see that the date range is much smaller, but the date scale is still just as big as before. Next, click on either the arrow button on the left or right side of the scale. Now you can see that the date scale has changed to measuring in months instead of years. You can repeat this process as many times as necessary to get the scale as small as you want.

Moving Through Time

While most people use the Date Slider to set the date range for their charts, one of the most exciting things about it is that you can use the arrow keys/buttons to move through a chart day by day and see how the chart patterns and indicator values develop over time.

Simply move your daily chart's date range back a few days or weeks, then click on the right arrow button (or use the right arrow key on your keyboard) to move forward one day. Then click it again to move forward another day. It's like stop-motion animation for your charts.

Final Thoughts

Remember, the Date Slider is optional. You can still type dates inside the “Start” and “End” boxes or use the calendar controls to set “Start” and “End” dates like you always have.

However, we think the Date Slider's interactive nature will make it a first choice when setting the date range of your chart.

Step-by-Step Instructions:

How to Use the Interactive Date Slider