plotly.py:更改行不透明度,使标记不透明

时间:2018-05-23 12:50:14

标签: python plotly opacity

是否可以更改线条不透明度而不是标记不透明度? 我发现我可以设置整行的不透明度,包括标记(opacity = .5)和标记之一(例如marker={"opacity":1})。

如下例所示:

import plotly
import plotly.graph_objs as go
plotly.offline.init_notebook_mode(connected=True)  # I'm running in a jupyter notebook

x = np.arange(0,10)
ys = [np.random.rand(10) for _ in range(3)]

lines = []
for y in ys:
    line = go.Scatter(x=x, y=y, mode="markers+lines", opacity=.5, marker={'symbol': 'x', 'size': "15", "opacity":1})
    lines.append(line)           
fig = go.Figure(
    data=lines,
    layout=go.Layout(showlegend=True)
)
plotly.offline.iplot(fig)

在此处查看结果: current result

我的问题如下:我的数据点很重要,线条只是视觉辅助。我想使线条.5-不透明,但标记完全不透明 但是,当我设置opacity=.5, marker={'opacity':1}时,标记的不透明度也会降低。 (我相信标记不透明度的定义范围为[0, line-opacity]

有什么方法可以获得线条的颜色并调整其不透明度(甚至可能在创建线条之后,但在绘制线条之前)。 我知道我可以创建两条迹线,一条带点,一条带线。但是,我希望它们是相同的颜色,而无需手动指定颜色。 (迹线的数量是变化的,所以我更喜欢坚持分配不同颜色的标准机制)

编辑:我目前的解决方案是将线宽设置为0.5,以便看起来更好,但显然此解决方案对我有用,可能对人们没用谁想要大胆而不透明的线条。

编辑:有关此问题/功能请求/行为的Github问题: https://github.com/plotly/plotly.js/issues/2684

2 个答案:

答案 0 :(得分:1)

线对象没有不透明度属性,但您可以使用 RGBA 指定颜色并设置Alpha。您必须使用 RGBA 标记指定颜色,否则它将从该行继承。

请参阅以下示例:

import plotly
import numpy as np
import plotly.graph_objs as go

plotly.offline.init_notebook_mode(connected=True)
x = np.arange(0,10)
ys = [np.random.rand(10) for _ in range(3)]

lines = []
dots = []
for y in ys:
    my_color = ('rgba('+str(np.random.randint(0, high = 256))+','+
                str(np.random.randint(0, high = 256))+','+
                str(np.random.randint(0, high = 256)))
    line = go.Scatter(
            x=x, 
            y=y, 
            mode="lines+markers", 
            marker={ 
                    'symbol': 'x', 
                    'size': "15", 
                    'color':my_color+',1)'
                    },
            line={
                "color":my_color+',0.2)'
            }
            )
    lines.append(line)  
fig = go.Figure(
    data=lines,
    layout=go.Layout(showlegend=True)
)
plotly.offline.iplot(fig)

enter image description here

答案 1 :(得分:0)

这是我找到的最佳答案的链接: https://github.com/plotly/plotly.js/issues/2684#issuecomment-641023041 ,您可以在其中使用函数将十六进制格式下的颜色转换为 rgba 格式,从而可以在其他答案中提到的最后一个参数上定义 alpha 不透明度。

def hex_to_rgba(h, alpha):
    '''
    converts color value in hex format to rgba format with alpha transparency
    '''
    return tuple([int(h.lstrip('#')[i:i+2], 16) for i in (0, 2, 4)] + [alpha])

然后你可以用它

import plotly.graph_objects as go
import plotly.express as px
COLORS = px.colors.qualitative.D3

hex_color = COLORS[0]  # Blue

traces = [
    go.Scatter(
        x=[0, 1],
        y=[0, 1],
        name='Identity line',
        showlegend=False,
        line=dict(
            color='rgba' + str(hex_to_rgba(
                h=hex_color,
                alpha=0.25
            )),
            width=2,
            dash='dash'
        ),
        marker=dict(
            size=7,
            symbol='circle',
            color='rgba' + str(hex_to_rgba(
                h=hex_color,
                alpha=1
            ))
        ),
    )
]

layout = go.Layout(template='simple_white')
figure = go.Figure(data=traces, layout=layout)
figure.show()

所以这里是蓝色:hex 格式为 '#1F77B4'rgba 格式为 'rgba(31, 119, 180, 0.5)'