Отрегулируйте расстояние между двумя значениями оси 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)'
    };