Plot multiple line charts

[Sanniddha]

How to plot more than one line charts in a single line chart. And also add different color to different lines. Add legend to understand which color represents which lines. I tried two different codes, but none of the works.
Code 1:

st.line_chart(stock, x="ds", y="y", color="#0514C0")
st.line_chart(prediction, x="ds", y="y", color="#4CC005")

Code 2:

fig = px.line(stock, x="ds", y="y")
fig = px.line(prediction, x="ds", y="y")
# Plot!
st.plotly_chart(fig, use_container_width=True)

[Charly_Wargnier]

Hi @Sanniddha

I’ve answered here:

Plot multiple line chart in a single line chart

Hi @Sanniddha Is this what you mean: import streamlit as st import pandas as pd import plotly.express as px stock = pd.DataFrame({ 'ds': ['2024-01-01', '2024-01-02', '2024-01-03'], 'y': [10, 15, 12] }) prediction = pd.DataFrame({ 'ds': ['2024-01-01', '2024-01-02', '2024-01-03'], 'y': [12, 14, 16] }) fig = px.line(stock, x="ds", y="y", color_discrete_sequence=["#0514C0"], labels={'y': 'Stock'}) fig.add_scatter(x=prediction['ds'], y=prediction['y'], mode='lines', name='Predict…

Best,
Charly

[Sanniddha]

Hi @Charly_Wargnier

I need to plot similar to this:

But this should be interactive, like your graph

[Charly_Wargnier]

I’ve answered here:

Plot multiple line chart in a single line chart

If you want to have it in Plotly, try this code: import streamlit as st import plotly.graph_objs as go import pandas as pd import numpy as np dates = pd.date_range(start='2012-01-01', end='2024-01-01', freq='M') actual_prices = np.abs(np.random.normal(loc=0.0, scale=10, size=len(dates))).cumsum() + 50 split_index = len(dates) // 2 trace1 = go.Scatter(x=dates[:split_index], y=actual_prices[:split_index], mode='lines', name='Price (First Half)', line=dict(color='blue')) trace2 = go.Scatter(x=da…

Let’s try to keep the discussion there

Best,
Charly