Ohlc hoverinfo shows multiple xaxis dates

[mrcartier]

Using the latest libraries with plotly 2.5.1

(dash) cartier@cartier-VirtualBox:~/Documents/dash$ pip list
dash (0.21.1)
dash-core-components (0.22.1)
dash-html-components (0.10.1)
dash-renderer (0.12.1)
...
plotly (2.5.1)

I built upon the very first example here & returned a basic ohlc chart instead of a scatter plot

trace = go.Ohlc(x=df.index,
                   open=df.open,
                   high=df.high,
                   low=df.low,
                   close=df.close,
                   showlegend = False)

layout = go.Layout(
xaxis = dict(
    rangeslider = dict(
        visible = False
    )
)
)

return {
    'data': [trace_close,trace], 'layout':layout
}

When I check the graph it seems I'm getting 2 dates for each hover point

I have no idea how/why it's selecting 2 different dates? I decided to try a different chart

trace = go.Candlestick

and when I do so I get a single date as expected but no labels on the candlestick values...

[cldougl]

Hi @mrcartier ,
Can you please attach a reproducible example (with data) so that we can further look into your issue. i.e. are you trying to plot a line in addition to the candlestick or ohlc?

[mrcartier]

I appreciate the quick response @cldougl, the example is taken from the Stock Tickers sample on the home page. The changes I made were to use a different data source (iex instead of google) and return an ohlc chart instead of a scatter plot. The code:

import dash
from dash.dependencies import Input, Output
import dash_core_components as dcc
import dash_html_components as html
from pandas_datareader import data as web
from datetime import datetime as dt
import plotly.graph_objs as go

app = dash.Dash()

app.layout = html.Div([
html.H1('Stock Tickers'),
dcc.Dropdown(
    id='my-dropdown',
    options=[
        {'label': 'Coke', 'value': 'COKE'},
        {'label': 'Tesla', 'value': 'TSLA'},
        {'label': 'Apple', 'value': 'AAPL'}
    ],
    value='COKE'
),
dcc.Graph(id='my-graph')
])

@app.callback(Output('my-graph', 'figure'), [Input('my-dropdown', 'value')])
def update_graph(selected_dropdown_value):
df = web.DataReader(selected_dropdown_value, data_source='iex', start=dt(2018, 1, 1), end=dt.now())

trace = go.Ohlc(x=df.index,
                   open=df.open,
                   high=df.high,
                   low=df.low,
                   close=df.close,
                   showlegend = False)
return {
    'data': [trace]
}

if __name__ == '__main__':
app.run_server()

I'm still getting the same outputs, multiple dates on ohlc and no labels on candlestick data

I left out the additional line (trace_close) from my initial post as I was just testing to see what's possible.

[jonmmease]

Hi @mrcartier, if you're still interested in this issue could you please post a small example that we can use to reproduce what you're seeing? The example should include the data and imports and it should use plotly.py only (not Dash as well). Thanks!

[jonmmease]

Closing due to lack of activity. Feel free to open a new issue with the requested example if you're still interested. Thanks!