【问题标题】:Hide hover data on candlestick charts in python plotly在python中隐藏烛台图表上的悬停数据
【发布时间】:2020-05-12 15:49:48
【问题描述】:

我使用go.Candlestick 创建了一个简单的烛台图表。我想在悬停烛台图表时隐藏数据。我设置了hoverinfo='none',但它仍然在悬停时显示一个图标,如下面的屏幕截图所示。我该如何隐藏它?我的整个代码在图片下方。

这是我的全部代码:

def online_chart_1(sym_1):
    data_for_chart = pd.read_csv('C:\\Users\\AF\\Desktop\\python\\results\\csv\\data_for_chart.csv')
    historical_ha_vo = pd.read_csv('C:\\Users\\AF\\Desktop\\python\\results\\csv\\historical_ha_vo.csv')

    historical_ha_vo = historical_ha_vo.loc[historical_ha_vo.sym == sym_1].tail(59)
    data_for_chart = data_for_chart.loc[data_for_chart.sym == sym_1]
    df_appended = historical_ha_vo.append(data_for_chart, ignore_index=True)

    fig = make_subplots(rows=2, cols=1, row_heights=[0.8, 0.2], vertical_spacing=0)
    fig.add_trace(go.Candlestick(open=df_appended['o'], high=df_appended['h'], low=df_appended['l'],
                                 close=df_appended['c'],
                                 increasing_line_color='#0384fc', decreasing_line_color='#e8482c', name=sym_1,
                                 hoverinfo='none',
                                 ), row=1, col=1)

    fig.add_trace(go.Scatter(y=df_appended['vo'], marker_color='#fae823', name='VO', hovertemplate=[]), row=2, col=1)
    fig.update_layout({'plot_bgcolor': "#21201f", 'paper_bgcolor': "#21201f", 'legend_orientation': "h"},
                      legend=dict(y=1, x=0),
                      font=dict(color='#dedddc'), dragmode='pan', hovermode='x unified',
                      margin=dict(b=20, t=0, l=0, r=40))

    fig.update_xaxes(showgrid=False, zeroline=False, rangeslider_visible=False, showticklabels=False,
                     showspikes=True, spikemode='across', spikesnap='data', showline=False, spikedash='solid'
                     )
    fig.update_yaxes(showgrid=False, zeroline=False)
    fig.update_traces(xaxis='x')

    return fig

对于破折号:

app = dash.Dash(__name__)

app.layout = html.Div([html.Div(dcc.Graph(id='chart', figure=online_chart_1('zob'),
                                          config={'displayModeBar': False}))])


if __name__ == '__main__':
    app.run_server(debug=True, dev_tools_ui=False, dev_tools_props_check=False)

【问题讨论】:

  • 请添加您尝试过的代码。
  • @Jortega 我刚刚更新了它。
  • @Amir 来个小数据样本怎么样?
  • @Amir 我在屏幕截图中没有看到任何 hoverinfo 顺便说一句...
  • @vestland 有一个小图标。它在我悬停时出现。可以使用任何数据生成蜡烛。没关系

标签: python plotly plotly-dash


【解决方案1】:

解决方案:

hoverinfo='skip'

剧情:

如果没有hoverinfo='skip',下面的相同代码 sn-p 将为您提供:

代码:

# imports
import plotly.graph_objects as go

import pandas as pd
from datetime import datetime

df = pd.read_csv('https://raw.githubusercontent.com/plotly/datasets/master/finance-charts-apple.csv')

fig = go.Figure(data=[go.Candlestick(x=df['Date'],
                open=df['AAPL.Open'],
                high=df['AAPL.High'],
                low=df['AAPL.Low'],
                close=df['AAPL.Close'], hoverinfo='skip')])

fig.show()

【讨论】:

  • 你可以使用我的布局吗?我的意思是第二个 add_trace 下面的所有内容。访问 tradingview.com 并打开图表。当您移动光标时,您会看到有一个十字准线。我想复制它。我之前试过你的解决方案。它只是删除屏幕截图上的垂直线。当我移动光标时我需要那条线
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-12-02
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多