Python 在折线图/面积图的左侧和右侧添加填充
如何在折线图/面积图的左右两侧添加填充 下面是我的图表的样子: 这就是它的外观(填充/边距部分):Python 在折线图/面积图的左侧和右侧添加填充,python,plotly,plotly.js,Python,Plotly,Plotly.js,如何在折线图/面积图的左右两侧添加填充 下面是我的图表的样子: 这就是它的外观(填充/边距部分): 修改轴范围图。更新_xaxes()似乎是最好的方法。如何进行修改将取决于您的数据大小和类型。下面是一个使用日期的示例,其中x轴的范围在源数据的开始和结束处增加了一天: 绘图1:调整后的x轴 代码: import pandas as pd import plotly.graph_objects as go # data yVals = [3, 2, 3, 5, 2, 6] days = len
修改轴范围
图。更新_xaxes()
似乎是最好的方法。如何进行修改将取决于您的数据大小和类型。下面是一个使用日期的示例,其中x轴的范围在源数据的开始和结束处增加了一天:
绘图1:调整后的x轴
代码:
import pandas as pd
import plotly.graph_objects as go
# data
yVals = [3, 2, 3, 5, 2, 6]
days = len(yVals)
dates = pd.date_range('1/1/2020', periods=numdays)
# plotly figure
fig = go.Figure()
fig.add_trace(go.Scatter(x=dates,
y=yVals,
fill='tozeroy')
)
# adjustments
fig.update_xaxes(range=[dates[0]-1,dates[-1]+1])
fig.show()
绘图2:未调整的x轴
灵感来自vestland,但采用Javascript编写
之前
element = document.getElementById('traffic-overview');
data = [{
x: ["2019-09-29", "2019-09-30", "2019-10-01", "2019-10-02", "2019-10-03", "2019-10-04", "2019-10-05", "2019-10-06", "2019-10-07", "2019-10-08", "2019-10-09", "2019-10-10", "2019-10-11", "2019-10-12", "2019-10-13", "2019-10-14", "2019-10-15", "2019-10-16", "2019-10-17", "2019-10-18", "2019-10-19", "2019-10-20", "2019-10-21", "2019-10-22", "2019-10-23", "2019-10-24", "2019-10-25", "2019-10-26", "2019-10-27", "2019-10-28"],
y: [30, 66, 49, 154, 220, 224, 243, 164, 90, 71, 164, 199, 246, 251, 217, 85, 67, 156, 204, 218, 233, 204, 82, 59, 183, 205, 197, 219, 271, 116],
fill: 'tozeroy',
//fillcolor: '#9ed4fd',
line: {
color: '#008ffb'
},
//mode: 'lines',
type: 'scatter'
}];
layout = {
responsive: true,
margin: { t: 10, b: 30, l: 30, r: 0 },
xaxis: { range: ["2019-09-28", "2019-10-29"] } // <-- note this line!
};
Plotly.plot( element, data, layout );
之后
代码
element = document.getElementById('traffic-overview');
data = [{
x: ["2019-09-29", "2019-09-30", "2019-10-01", "2019-10-02", "2019-10-03", "2019-10-04", "2019-10-05", "2019-10-06", "2019-10-07", "2019-10-08", "2019-10-09", "2019-10-10", "2019-10-11", "2019-10-12", "2019-10-13", "2019-10-14", "2019-10-15", "2019-10-16", "2019-10-17", "2019-10-18", "2019-10-19", "2019-10-20", "2019-10-21", "2019-10-22", "2019-10-23", "2019-10-24", "2019-10-25", "2019-10-26", "2019-10-27", "2019-10-28"],
y: [30, 66, 49, 154, 220, 224, 243, 164, 90, 71, 164, 199, 246, 251, 217, 85, 67, 156, 204, 218, 233, 204, 82, 59, 183, 205, 197, 219, 271, 116],
fill: 'tozeroy',
//fillcolor: '#9ed4fd',
line: {
color: '#008ffb'
},
//mode: 'lines',
type: 'scatter'
}];
layout = {
responsive: true,
margin: { t: 10, b: 30, l: 30, r: 0 },
xaxis: { range: ["2019-09-28", "2019-10-29"] } // <-- note this line!
};
Plotly.plot( element, data, layout );
element=document.getElementById('traffic-overview');
数据=[{
x:[“2019-09-29”,“2019-09-30”,“2019-10-01”,“2019-10-02”,“2019-10-03”,“2019-10-04”,“2019-10-05”,“2019-10-06”,“2019-10-07”,“2019-10-08”,“2019-10-09”,“2019-10-10”,“2019-10-12”,“2019-10-13”,“2019-10-14”,“2019-10-15”,“2019-10-16”,“2019-10-17”,“2019-10-18”,“2019-10-19”,“2019-10-20”,“2019-10-21”,“2019-10-22”,"2019-10-23", "2019-10-24", "2019-10-25", "2019-10-26", "2019-10-27", "2019-10-28"],
y:[30、66、49、154、220、224、243、164、90、71、164、199、246、251、217、85、67、156、204、218、233、204、82、59、183、205、197、219、271、116],
填充:“tozeroy”,
//填充颜色:“#9ed4fd”,
行:{
颜色:“#008ffb”
},
//模式:“行”,
键入:“散布”
}];
布局={
回答:是的,
边距:{t:10,b:30,l:30,r:0},
xaxis:{范围:[“2019-09-28”,“2019-10-29”]//谢谢。我正在使用,所以让我看看是否可以使用JS复制相同的内容。@SilverRingvee啊……我甚至没有注意到python标记的不存在。如果您仍然认为我的建议有帮助,我会让它保持不变。如果没有,我也会删除它。您如何使用Y轴来避免绘制“假”值?