Plotly.newPlot绘制三元图三条ternary轴反向

要绘制三元图并反向三条ternary轴，可以使用Plotly.js中的`layout.ternary`属性。该属性控制ternary图的各个元素，包括轴和网格线。

以下是一个绘制三元图并反向ternary轴的示例代码：

var trace1 = {
  type: 'scatterternary',
  mode: 'markers',
  a: [0.1, 0.2, 0.7],
  b: [0.3, 0.5, 0.2],
  c: [0.6, 0.3, 0.1],
  marker: {
    color: 'red',
    size: 12,
    symbol: 'circle',
    line: {
      color: 'black',
      width: 1
    }
  },
};

var data = [trace1];

var layout = {
  ternary: {
    sum: 1,
    aaxis: {
      title: {
        text: 'Axis C',
        standoff: 20
      },
      tickvals: [0.2, 0.4, 0.6, 0.8],
      ticktext: ['D', 'E', 'F', 'G'],
      direction: 'clockwise'
    },
    baxis: {
      title: {
        text: 'Axis A',
        standoff: 20
      },
      tickvals: [0.2, 0.4, 0.6, 0.8],
      ticktext: ['H', 'I', 'J', 'K'],
      direction: 'clockwise'
    },
    caxis: {
      title: {
        text: 'Axis B',
        standoff: 20
      },
      tickvals: [0.2, 0.4, 0.6, 0.8],
      ticktext: ['L', 'M', 'N', 'O'],
      direction: 'clockwise'
    }
  }
};

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

在上面的代码中，`layout.ternary`属性中的各个轴的`title.text`属性控制轴的标题文本，`standoff`属性控制标题文本与轴线之间的距离，`tickvals`和`ticktext`属性控制轴上的刻度文本和位置，`direction`属性控制轴的方向。通过修改这些属性的值，可以实现ternary轴的反向。