Plotly.newPlot绘制三元图轴title居中在轴中间与轴平行

要让三元图轴的标题居中在轴中间与轴平行，可以使用Plotly.js中的`layout.scene`属性。该属性控制场景的各个元素，包括轴和标题。

以下是一个绘制三元图并居中轴标题在轴中间与轴平行的示例代码：

var trace1 = {
  x: [1, 2, 3],
  y: [2, 3, 1],
  z: [3, 1, 2],
  mode: 'markers',
  marker: {
    size: 12,
    line: {
      color: 'rgba(217, 217, 217, 0.14)',
      width: 0.5
    },
    opacity: 0.8
  },
  type: 'scatter3d'
};

var data = [trace1];

var layout = {
  scene: {
    xaxis: {
      title: {
        text: 'X Axis',
        standoff: 30,
        font: {
          size: 16,
          color: 'black'
        }
      },
      range: [0, 4],
      tickvals: [1, 2, 3],
      ticktext: ['A', 'B', 'C'],
      showticklabels: true,
      ticks: 'outside',
      linewidth: 2,
      mirror: true
    },
    yaxis: {
      title: {
        text: 'Y Axis',
        standoff: 30,
        font: {
          size: 16,
          color: 'black'
        }
      },
      range: [0, 4],
      tickvals: [1, 2, 3],
      ticktext: ['D', 'E', 'F'],
      showticklabels: true,
      ticks: 'outside',
      linewidth: 2,
      mirror: true
    },
    zaxis: {
      title: {
        text: 'Z Axis',
        standoff: 30,
        font: {
          size: 16,
          color: 'black'
        }
      },
      range: [0, 4],
      tickvals: [1, 2, 3],
      ticktext: ['G', 'H', 'I'],
      showticklabels: true,
      ticks: 'outside',
      linewidth: 2,
      mirror: true
    }
  }
};

Plotly.newPlot('myDiv', data, layout);

在上面的代码中，`layout.scene`属性中的各个轴的`title.text`属性控制轴的标题文本，`standoff`属性控制标题文本与轴线之间的距离，`font`属性控制标题的字体大小和颜色，`mirror`属性控制轴线是否镜像。通过修改这些属性的值，可以实现轴标题的居中对齐并与轴平行。