Angular участок рассеянного

Question

У меня есть следующий сюжет

Как сместить заголовок, чтобы получить следующее изображение

Мой код для сюжета:

Angular Component:
    public layout = {
      type: 'scatterternary',
      autosize: true,
      ternary: {
        aaxis: {title: 'CH2'},
        baxis: {title: 'C2h2'},
        caxis: {title: 'C2H4'}
      }
    };

    public data = [trace0, trace1, trace2, trace3, trace4, trace5, trace6, trace7, trace8];

HTML:
    <plotly-plot [data]="data" [layout]="layout"></plotly-plot>