调整两个x轴值之间的距离，使其彼此更接近

Question

我有此图表，如您所见，我需要以某种方式使两个x轴值之间的距离更近，以便显示隐藏点的标签。我的x轴只有两个值，因此不需要庞大的图表。有什么选项可以满足我的需求？

为了显示完整的图表，我需要使用700的宽度，对于我想要的宽度来说太大了。

    var layout = {
      width: 230,
      height: 210,
      margin: {
        l: 10,
        r: 10,
        b: 60,
        t: 0,
        pad: 0
      },
      xaxis: {
        showgrid: false,
        zeroline: false,
        showline: true,
      },
      yaxis: {
        title: {
          text: 'Seconds',
          font: {
            size: 9
          }
        },
        showgrid: false,
        zeroline: false,
        showline: true,

      },
      font: {
        size: 10,
      },
      paper_bgcolor: 'rgba(0,0,0,0)',
      plot_bgcolor: 'rgba(0,0,0,0)'
    };

Answer 1

我建议您增加padding属性，以使该标签可见。请告诉我padding是否解决了您的问题。此外，填充不会增加绘图的宽度。

var layout = {
      width: 230,
      height: 210,
      margin: {
        l: 10,
        r: 10,
        b: 60,
        t: 0,
        pad: 30
      },
      xaxis: {
        showgrid: false,
        zeroline: false,
        showline: true,
      },
      yaxis: {
        title: {
          text: 'Seconds',
          font: {
            size: 9
          }
        },
        showgrid: false,
        zeroline: false,
        showline: true,

      },
      font: {
        size: 10,
      },
      paper_bgcolor: 'rgba(0,0,0,0)',
      plot_bgcolor: 'rgba(0,0,0,0)'
    };