在plotly图表中混合使用线型和散点型。

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在plotly图表中混合使用线型和散点型。相关的知识,希望对你有一定的参考价值。

使用这个代码。

trace = go.Scatter(x=[1,2,3],
                    y=[1,2,3],
                    name = "chart1",
                    mode="markers+text",
                    opacity = 1)

layout = dict(width=800,
    height=600,autosize=True,margin=dict(
        l=50,
        r=50,
        b=100,
        t=100,
        pad=4
    ))

iplot(dict(data=[trace], layout=layout))

渲染:

enter image description here

如何在这个图表中包含一条包含y值的线?[3,1,4] 对应的x值[]。1,2,3] ?

这段代码。

# libraries
import matplotlib.pyplot as plt
import numpy as np
import pandas as pd

# Data
df=pd.DataFrame({'x': range(1,11), 'y1': np.random.randn(10), 'y2': np.random.randn(10)+range(1,11), 'y3': np.random.randn(10)+range(11,21) })

plt.plot(('x', 'y1'), data=df, marker='o', markerfacecolor='blue', markersize=12, color='skyblue', linewidth=4)
plt.plot(('x', 'y2'), data=df, marker='o', markerfacecolor='blue', markersize=12, color='skyblue', linewidth=4)
plt.plot(('x', 'y3'), data=df, marker='o', markerfacecolor='blue', markersize=12, color='skyblue', linewidth=4, linestyle='dashed', label="toto")

plt.legend()

实现了类似的效果,但缺少了情节化的风格。

enter image description here

我还试着在创建散点图时加入y值。

y=[[1,2,3] , [3,1,4]]

但图表没有按照预期的方式呈现。

enter image description here

答案

添加另一个跟踪。

trace = go.Scatter(...)  # your original trace
trace2 = go.Scatter(x=[1,2,3], y=[3,1,4], name='chart2')

layout = ...

iplot(dict(data=[trace, trace2], layout=layout))

enter image description here

另一答案

你也可以这样做。

fig = go.Figure()
fig.add_Trace(your trace)
fig.add_trace(go.Scatter(x=[1,2,3], y=[3,1,4],
                mode='lines',
                name='lines'))
fig.add_layout(dict(width=800,
    height=600,autosize=True,margin=dict(
        l=50,r=50,b=100,t=100, pad=4))
fig.show()

以上是关于在plotly图表中混合使用线型和散点型。的主要内容,如果未能解决你的问题,请参考以下文章

如何使用mathematica同时绘制出曲线和散点?

笑谈Android图表------MPAndroidCharts

2021-12-22看懂 散点图矩阵(pairs plots)

Python数据分析:折线图和散点图的绘制

Plotly-Dash:反应迟钝的情节

MPAndroidChart开源图表库之饼状图