如何根据蜡烛颜色动态修改lightweight-charts-python的百分比标签颜色？

核心思路 #

要实现标签颜色随蜡烛动态变化，关键是在十字线移动时触发回调，获取当前悬停蜡烛的颜色属性，再同步更新对应标签的颜色。

具体实现步骤 #

1. 初始化图表与标签 #

先创建图表实例，同时初始化需要展示的OHLC及涨跌幅标签，初始设为默认灰色：

import pandas as pd
from lightweight_charts import Chart

# 加载你的K线数据
df = pd.read_csv('your_kline_data.csv')
chart = Chart()

# 创建标签集合：对应开盘、最高、最低、收盘、涨跌幅
labels = {
    'open': chart.create_label('Open: --', align='left', color='#787B86'),
    'high': chart.create_label('High: --', align='left', color='#787B86'),
    'low': chart.create_label('Low: --', align='left', color='#787B86'),
    'close': chart.create_label('Close: --', align='left', color='#787B86'),
    'change': chart.create_label('Change: --%', align='left', color='#787B86')
}

# 调整标签位置到图表右上角，避免遮挡K线
for idx, label in enumerate(labels.values()):
    label.set_position(10, 20 + idx * 20)

chart.set(df)

2. 绑定十字线移动回调 #

利用crosshair_moved事件，每次十字线移动时，获取当前蜡烛数据，提取颜色后更新标签：

def on_crosshair_move(data):
    if not data:
        # 十字线不在蜡烛上时，重置标签为默认状态
        for label in labels.values():
            label.set_color('#787B86')
            label.set_text(f"{label.text.split(':')[0]}: --")
        return
    
    # 判断蜡烛涨跌，获取对应颜色
    is_bullish = data['close'] >= data['open']
    candle_color = data['color'] if is_bullish else data['border_color']
    
    # 计算涨跌幅
    change_pct = ((data['close'] - data['open']) / data['open']) * 100
    
    # 更新OHLC标签的文本与颜色
    labels['open'].set_text(f"Open: {data['open']:.2f}")
    labels['high'].set_text(f"High: {data['high']:.2f}")
    labels['low'].set_text(f"Low: {data['low']:.2f}")
    labels['close'].set_text(f"Close: {data['close']:.2f}")
    
    # 给OHLC标签统一设置蜡烛颜色
    for key in ['open', 'high', 'low', 'close']:
        labels[key].set_color(candle_color)
    
    # 更新涨跌幅标签：可选择跟随蜡烛颜色，或自定义涨跌色
    change_color = candle_color
    # 若要自定义涨跌色，替换上面一行：
    # change_color = '#26A69A' if is_bullish else '#EF5350'
    labels['change'].set_text(f"Change: {change_pct:.2f}%")
    labels['change'].set_color(change_color)

# 订阅十字线移动事件
chart.subscribe_crosshair_move(on_crosshair_move)

chart.show()

3. 关键细节说明 #

• 蜡烛颜色的获取逻辑：lightweight-charts默认配置中，上涨蜡烛的color是填充色，下跌蜡烛的color为透明，border_color是边框色，所以需要通过收盘价与开盘价的大小判断取哪个颜色。
• 标签重置处理：当十字线离开蜡烛区域时，重置标签文本和颜色，避免残留旧数据。
• 颜色自定义选项：如果不需要完全跟随蜡烛颜色，可单独给涨跌幅标签设置独立的涨跌色规则，只需修改change_color的赋值逻辑即可。

验证与调整 #

运行代码后，移动十字线到不同蜡烛上，标签会自动切换为对应蜡烛的颜色；若调整涨跌幅颜色规则，可直接修改代码中change_color的赋值部分，确保视觉效果符合需求。

内容的提问来源于stack exchange，提问作者Mr. Techie