Using the SharpCharts Interactive Date Slider

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.

Use With the Inspector

For technical reasons, the Date Slider cannot currently be used on a chart simultaneously with the Inspect feature. If you start to use the Date Slider, the Inspect checkbox will automatically be unchecked, and the Inspect feature will be turned off for your chart.

Once you have set the date range, you can turn this feature back on by checking the Inspect checkbox again.

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.

Last updated