Javascript plotly.js减少yAxis标题和轴编号之间的边距

Javascript plotly.js减少yAxis标题和轴编号之间的边距,javascript,plotly,Javascript,Plotly,我希望能够减少yAxis标题和轴编号之间的间距,但在plotly.js文档中找不到任何提到它的属性或函数 这里有一个代码示例 var trace1={ x:[0,1,2,3,4,5,6,7,8],, y:[0,1,2,3,4,5,6,7,8], 名称:“跟踪1的名称”, 键入:“散布” }; 变量trace2={ x:[0,1,2,3,4,5,6,7,8],, y:[1,0,3,2,5,4,7,6,8], 名称:'跟踪2的名称', 键入:“散布” }; var数据=[trace1,trace

我希望能够减少yAxis标题和轴编号之间的间距,但在plotly.js文档中找不到任何提到它的属性或函数

这里有一个代码示例

var trace1={
x:[0,1,2,3,4,5,6,7,8],,
y:[0,1,2,3,4,5,6,7,8],
名称:“跟踪1的名称”,
键入:“散布”
};
变量trace2={
x:[0,1,2,3,4,5,6,7,8],,
y:[1,0,3,2,5,4,7,6,8],
名称:'跟踪2的名称',
键入:“散布”
};
var数据=[trace1,trace2];
变量布局={
标题:“情节标题”,
xaxis:{
标题:“x轴”,
标题字体:{
家庭:“信使新,单空间”,
尺码:18,
颜色:“#7f7f7f”
}
},
亚克斯:{
标题:“y轴”,
标题字体:{
家庭:“信使新,单空间”,
尺码:18,
颜色:“#7f7f7f”
}
}
};

Plotly.newPlot('myDiv',数据,布局)据我所知,您无法直接执行此操作,但您至少有两种可能性,请参阅讨论

直接移动轴标签

document.getElementsByClassName('ytitle')[0].y.baseVal[0].value *= 1.1
或者将
注释添加到
布局
并指定其位置

annotations: [
  {
    x: 0.5,
    y: -0.15,
    xref: 'paper',
    yref: 'paper',
    text: 'I am not an axis label',
    showarrow: false,
  }
]
var trace1={
x:[0,1,2,3,4,5,6,7,8],,
y:[0,1,2,3,4,5,6,7,8],
名称:“跟踪1的名称”,
键入:“散布”
};
变量trace2={
x:[0,1,2,3,4,5,6,7,8],,
y:[1,0,3,2,5,4,7,6,8],
名称:'跟踪2的名称',
键入:“散布”
};
var数据=[trace1,trace2];
变量布局={
标题:“情节标题”,
xaxis:{
标题:“x轴”,
标题字体:{
家庭:“信使新,单空间”,
尺码:18,
颜色:“#7f7f7f”
}
},
亚克斯:{
标题:“y轴”,
标题字体:{
家庭:“信使新,单空间”,
尺码:18,
颜色:“#7f7f7f”
}
},
注释:[
{
x:0.5,
y:-0.15,
外部参照:“纸张”,
yref:“纸”,
文本:“我不是轴标签”,
showarrow:错,
}
]
};
Plotly.newPlot('myDiv',数据,布局);
document.getElementsByClassName('ytitle')[0].y.baseVal[0]。value*=1.1

如果有人正在搜索此解决方案,则该解决方案现在可用,请使用“standoff”属性

大概是这样的:

 var layout = {
      margin: {t:0,r:0,b:0,l:20},
      xaxis: {
        automargin: true,
        tickangle: 90,
        title: {
          text: "Month",
          standoff: 20
        }},
      yaxis: {
        automargin: true,
        tickangle: 90,
        title: {
          text: "Temprature",
          standoff: 40
        }}}

谢谢:),移动axis标签直接解决了我的问题。这应该被标记为已接受的答案,因为该功能已过时。