Candlestick Charts

A type of chart that describes the price movements of financial data over a certain period of time.

Step 1

Try an Example

The candlestick is a style of financial chart that describes Open, High, Low and Close for a given X coordinate which is most likely time.

Before getting started with your own dataset, you can check out an example. First, select the 'Type' menu. Hovering the mouse over the chart type icon will display three options: 1) Charts like this by Plotly users, 2) View tutorials on this chart type, and, 3) See a basic example.

Clicking the 'See a basic example' option will show what a sample chart looks like after adding data and editing with the style. You'll also see what labels and style attributes were selected for this specific chart, as well as the end result.

Example after

You can also use the data featured in this tutorial by clicking on 'Open This Data in Plotly' on the left-hand side. It'll open in Chart Studio.

Step 2

Add Your Data to Chart Studio

Head to Chart Studio and add your data. You have the option of typing directly in the grid, uploading your file, or entering the URL of an online dataset. Chart Studio accepts .xls, .xlsx, or .csv files. For more information on how to enter your data, see this tutorial.

Step 3

Create a Chart

After adding the data, go to the 'Traces' section under the 'Structure' menu on the left-hand side. Choose the 'Type' of trace, then choose 'Candlestick' under 'Financial' chart type.

Chart Type

Next, select 'X', 'Open', 'High', 'Low' and 'Close' values from the dropdown menus. This will create the candlestick trace as seen below.

Add values

The candlesticks are nothing but the combination of boxes and lines. The boxes represent the spread between the 'Open' and 'Close' values, and the lines represent the spread between the 'Low' and 'High' values.

Note that the candlestick trace is described in two color variants, one for the increasing trace and the other for decreasing trace.

The sample points where the 'Close' value is higher than the 'Open' value are said to be increasing, while the sample points where the 'Close' value is lower than the 'Open' value are said to be decreasing. The color styles for the increasing and decreasing can be set under the 'Style' menu which will be discussed in the next step.

Step 4

Style a Chart

The 'Style' menu displays many options to modify characteristics of the overall chart layout or the individual traces. To see more options about styling the chart, visit the style and layout section of the Chart Studio documentation.

Use the 'General' section under the 'Style' menu to set the plot title, as well as change the layout background, margin color and font styles.

To set the plot title, type the title text within the textbox provided under the 'Title' property.

Type title

Another approach is to click and then enter the title directly on the plot interface. The same can be done for the axes title.

Type directly title

Use the 'Traces' section under the 'Style' menu to change the properties of the trace such as the whisker and line width, colors, and hoverinfo.

To change the color of the trace, click on the color palette next to the attributes 'Line Color' and 'Fill Color' under the properties 'Increasing Trace Styles' and 'Decreasing Trace Styles'.

Trace Properties

Step 5

Save and Share

To save the plot, click the 'Save' button on the left-hand side. A save modal will appear, as seen below, where you can specify the filenames and privacy settings for your plot and data grid.

Save main

For more information on privacy settings and how sharing works, visit Chart Studio's sharing tutorial.