【Python×Plotly】株の売買ポイントをチャートに表示して振り返り分析できるようにした

@app.route('/detail/<symbol>/<int:serial_num>')
def detail(symbol, serial_num):
    # 監視銘柄テーブルからデータ取得
    stock = Watchlist.query.filter_by(symbol=symbol, serial_num=serial_num).first()
    # 監視銘柄詳細テーブルからデータ取得
    scores_data = WatchlistDetail.query.filter_by(symbol=symbol, serial_num=serial_num).order_by(WatchlistDetail.date.asc()).all()
    
    # --- 移動平均線 RSI ボリンジャーバンドの取得・設定 既存処理
    # ・・・割愛 ・・・
    
    # ==========================================
    # ▼ 今回追加：売買履歴データの取得とグラフ用マッピング ▼
    # ==========================================
    # ① 売買履歴テーブルから該当銘柄の全ての売買履歴を取得
    trade_histories = TradeHistory.query.join(Trade).filter(Trade.symbol == symbol).all()
    
    # ② マッピング用の辞書を作成 { 'YYYY-MM-DD': {'buy': price, 'sell': price, 'memo': '...'} }
    trade_map = {}
    for h in trade_histories:
        d_str = h.trade_date.strftime('%Y-%m-%d')
        if d_str not in trade_map:
            trade_map[d_str] = {'buy': None, 'sell': None, 'memo': ''}
        
        trade_map[d_str][h.trade_type] = h.price
        if h.memo:
            trade_map[d_str]['memo'] += f"[{h.trade_type.upper()}] {h.memo} "

    # ③ グラフのX軸（dates）に合わせた売買価格リストを作成
    buy_prices = []
    sell_prices = []
    buy_texts = []
    sell_texts = []

    for d in dates:
        if d in trade_map:
            buy_prices.append(trade_map[d]['buy'])  # ない場合は None が入る
            sell_prices.append(trade_map[d]['sell'])
            buy_texts.append(trade_map[d]['memo'] if trade_map[d]['buy'] else '')
            sell_texts.append(trade_map[d]['memo'] if trade_map[d]['sell'] else '')
        else:
            buy_prices.append(None)
            sell_prices.append(None)
            buy_texts.append('')
            sell_texts.append('')
    # ================▲ 今回追加 ▲========================

    return render_template('detail.html', 
                           stock=stock, scores=scores_data,
                           dates=dates, prices=prices, sma5=sma5, sma25=sma25, rsi=rsi,
                           bb_up2=bb_up2, bb_up1=bb_up1, bb_low1=bb_low1, bb_low2=bb_low2,
                           buy_prices=buy_prices, sell_prices=sell_prices,
                           buy_texts=buy_texts, sell_texts=sell_texts)　  # ④ 今回追加

// ==========================================
// 追加：売買の印
// ==========================================
const traceBuy = { x: dates, y: {{ buy_prices|tojson }}, name: '買い注文', type: 'scatter', mode: 'markers', text: {{ buy_texts|tojson }},
    marker: { symbol: 'triangle-up', size: 15, color: '#2ca02c', line: { color: '#ffffff', width: 1 }}};

const traceSell = { x: dates, y: {{ sell_prices|tojson }}, name: '売り注文', type: 'scatter', mode: 'markers', text: {{ sell_texts|tojson }},
    marker: { symbol: 'triangle-down', size: 15, color: '#d62728', line: { color: '#ffffff', width: 1 }}};
// ==========================================