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 ChartStyles
  • ChartStyles Area
  • StyleButtons Area
  • ChartStyle Library
  • Creating ChartStyles
  • Applying ChartStyles
  • From the ChartStyles Area
  • Using the StyleButtons
  • From the ChartStyle Library
  • From the Edit View of a ChartList
  • Applying a Style to an Entire ChartList
  • Editing ChartStyles
  • Changing Chart Settings
  • Setting the Default ChartStyle
  • Renaming or Deleting ChartStyles
  • Managing StyleButtons
  • Add a StyleButton
  • Edit or Remove a StyleButton

Was this helpful?

Export as PDF
  1. Charts & Tools
  2. SharpCharts
  3. ChartStyles & StyleButtons

Working with ChartStyles and StyleButtons

PreviousChartStyles & StyleButtonsNextUsing the ChartStyle Library

Last updated 1 month ago

Was this helpful?

Accessing ChartStyles

There are three main areas on the SharpCharts Workbench where you can find your ChartStyles.

ChartStyles Area

The ChartStyles area is below the chart in the SharpCharts Workbench. You can use the dropdown menu to select a ChartStyle to apply to the current chart.

StyleButtons Area

To the left of the chart, you will see the StyleButtons Area—a small gear icon, some small gray rectangles, and a small plus icon. These small grey rectangles are your StyleButtons, and the gear and plus sign icons allow you to manage your StyleButtons and ChartStyles.

Note: If you have no StyleButtons set up, only the plus sign icon will appear. You can select this icon to add your first StyleButton.

ChartStyle Library

The ChartStyles Library is located below the chart, in the tool options on the left side. In the "Settings" section, clicking "ChartStyle Library" opens a grid view of your available ChartStyles.

In this menu, the "Select Library" dropdown list will feature options for your saved ChartStyles as well as various collections of popular ChartStyles. These include styles designed for different charting types, such as OHLC bars, candlesticks, and line charts, as well as those favored by different charting experts like John Murphy, Larry Williams, and Martin Pring. If you know the specific style you're looking for, you can use the search bar on the right side to search the ChartStyle Library.

Creating ChartStyles

The first step in creating a ChartStyle is to generate a SharpChart and change its settings to match your requirements. Potential settings include period, range, chart type, and color scheme. You can configure any indicators or overlays you want on the chart.

Click Update when you've finished making changes.

When you've configured your chart, save those settings as a ChartStyle from the ChartStyles Area:

  1. Click the green Save ChartStyle button next to the ChartStyles dropdown menu.

  2. Enter a name for your new ChartStyle in the ChartStyle Name box.

  3. Click the Save New ChartStyle button.

Applying ChartStyles

When you apply a ChartStyle to your chart, the settings of that ChartStyle will be applied to the current chart you are viewing on the workbench. You can then click the "Save" button if you wish to save the changes made to the chart.

It is essential to understand that there is no ongoing connection between the ChartStyle and the chart where it has been applied. For example, if you later change that ChartStyle to use the “Spruce” color scheme instead, no changes will be automatically made to the color scheme of your saved chart. You must re-apply the ChartStyle to your chart to update its style settings.

There are multiple ways to apply a ChartStyle to an existing SharpChart.

From the ChartStyles Area

In the ChartStyles area, choose the ChartStyle you want to apply from the dropdown menu. Your custom-created ChartStyles are listed first in the menu, followed by a few select Predefined ChartStyles provided by StockCharts.

Using the StyleButtons

For ChartStyles that have been assigned StyleButtons, you can click the StyleButton to the left of the chart that corresponds to the ChartStyle you want to apply.

From the ChartStyle Library

By default, the ChartStyle Library opens in "Grid" view, displaying your ChartStyles as small thumbnail images. Clicking on a thumbnail will instantly apply that style to your chart. Next to the search bar, there is a slider tool that allows you to adjust the size of the thumbnails.

Alternatively, you can view the menu as a list by clicking the "List" button. Unlike the Grid view, clicking on a style will not immediately change your chart. Instead, it will show a preview of that style on the right side of your chart. To apply the style to your chart, click the green Apply ChartStyle button beneath the preview image.

From the Edit View of a ChartList

You can also apply your ChartStyle to some or all charts in a ChartList at one time using the Edit View of one of your ChartLists.

Applying a Style to an Entire ChartList

In addition to applying saved ChartStyles to charts, you can also “apply” the current style from one chart in your ChartList to the other charts in that same ChartList.

Follow the steps below:

  1. Select the ChartList you want to modify from the ChartList dropdown at the top of the SharpCharts Workbench.

  2. Change the chart settings on the loaded chart until it looks the way you want the rest of the charts in the ChartList to look. Click Update after making the changes.

  3. Click the Apply ChartStyle to All button at the bottom of the Chart Settings area of the workbench.

Note: If you're a Basic member, you only have one ChartList, so there is no need to select the specific ChartList you want to update in the first step.

Editing ChartStyles

Changing Chart Settings

Updating chart settings used in a ChartStyle is as simple as changing a chart with that style and replacing the current ChartStyle with the settings in your updated chart.

The first step is to create a SharpChart and change its settings to match your requirements. We recommend applying the existing ChartStyle to your chart and then making changes from there.

Once your chart is configured as you want it, you can replace the existing ChartStyle with these new settings from the ChartStyles Area.

Follow the steps below:

  1. Once the chart appears with the settings you wish to save, click the green Save ChartStyle link in the ChartStyles Area.

  2. Click the Update Existing tab at the top of the popup box that appears.

  3. From the dropdown menu, choose the ChartStyle you want to replace with these settings.

  4. Click the Update Existing ChartStyle button.

Remember, changing the ChartStyle will not affect the settings for any charts that have previously had that ChartStyle applied.

Setting the Default ChartStyle

The Default ChartStyle will be used whenever you create a brand new SharpChart. It should include the settings and indicators you want to see when first viewing a new ticker symbol.

To create a Default ChartStyle, set the chart exactly as you would like it to appear every time a new chart is created. Once the settings are correct, click the Set As Default link in the ChartStyles Area.

Note: We recommend using a Range setting of Fill the Chart for your default ChartStyle rather than the Range setting Select Start/End.

Renaming or Deleting ChartStyles

If wish to rename your ChartStyle, or you no longer need a ChartStyle and wish to remove it from your account, you can do that from the ChartStyles dropdown menu beneath the chart.

Rename a ChartStyle

  1. In the dropdown menu in the ChartStyles area, hover over the name of the ChartStyle you wish to rename.

  2. Click on the pencil icon that appears next to the ChartStyle name.

  3. Enter the new name for the ChartStyle and click the green Update ChartStyle Name button.

Delete a ChartStyle

  1. In the dropdown menu in the ChartStyles area, hover over the name of the ChartStyle you wish to delete.

  2. Click the red Trash Can icon that appears next to the ChartStyle name.

  3. Confirm the deletion by clicking the red Delete Saved ChartStyle button.

Managing StyleButtons

You can create and manage your StyleButtons from the StyleButtons area on the left side of the chart. Click the plus icon to add a new StyleButton or the gear icon to edit or delete an existing StyleButton.

Add a StyleButton

To add a brand new StyleButton to your account and associate it with a specific ChartStyle, follow the steps below:

  1. Click the plus sign icon at the bottom of the StyleButtons area on the left-hand side of the chart.

  2. A popup window will appear where you can assign the settings for the StyleButton, including its position, label, and color.

  3. Use the dropdown menu to select the ChartStyle that you would like to be applied when the StyleButton is clicked.

  4. Once you have made all your selections, click the green Save StyleButton button.

Edit or Remove a StyleButton

To edit or delete an existing StyleButton in your account, follow the steps below.

  1. Click the gear icon at the top of the StyleButtons area.

  2. Click the pencil icon next to the name of the StyleButton you want to modify or remove.

  3. A popup window will appear where you can edit the settings for the StyleButton, including its position, label, color, and even which ChartStyle will be applied when the button is clicked.

4. Once the changes are made, click the green Save StyleButton button.

5. To remove the StyleButton entirely, click the grey Clear StyleButton # button.

Note: The steps for deleting a StyleButton will not delete the ChartStyle associated with the StyleButton; they will only remove the StyleButton.

See our help page in the Support Center for more information on this method.

Cool Tip: You can also rename and delete ChartStyles from the ChartStyle Library. Learn more in our Support Center article on .

Edit View
Using the ChartStyle Library
ChartStyles area is found below the chart.
StyleButtons are found to the left of the chart.
ChartStyles can also be found in the ChartStyle Library below the chart.
To create a ChartStyle, save the style from the ChartStyles area.
The ChartStyles area is where you can apply a ChartStyle to your chart.
StyleButtons on the left of the chart allow you to access ChartStyles.
The ChartStyle Library allows you to preview and apply your ChartStyles.
How to apply ChartStyles to your saved charts from Edit View.
Replacing a ChartStyle from the ChartStyles area.
Settting a default ChartStyle from the ChartStyles area.
Renaming a ChartStyle from the ChartStyles area.
Deleting a ChartStyle from the ChartStyles area.
Managing your StyleButtons.
The ChartStyles area is located below the SharpCharts Workbench in StockCharts.com
Screenshot showing location of StyleButtons in StockCharts.com
Screenshot showing how to save a chart style from the ChartStyles area
The ChartStyle area in StockCharts.com allows you to apply a ChartStyle to your chart
ChartStyle buttons on the left of the chart allow you to access your assigned ChartStyles in StockCharts.com
Click on the arrow above the StyleButtons to access your ChartStyles in StockCharts.com
You can access your ChartLists from the Edit View icon above your ChartList
Screenshot showing how to replace a chart style from the ChartStyles area in StockCharts.com
Screenshot showing how to set a default ChartStyle from the ChartStyles area in StockCharts.com
Screenshot showing how to rename a ChartStyle from the ChartStyles area in StockCharts.com
Screenshot showing how to delete a ChartStyle from the ChartStyles area in StockCharts.com
Screenshot showing how to manage your StyleButtons in StockCharts.com