Plotly.newPlot绘制三元图轴反向
时间: 2023-08-16 16:36:44 浏览: 182
要绘制三元图轴反向,可以使用`reversescales`参数来实现。具体操作如下:
1.在`layout`中设置`reversescales`参数为`true`,同时根据需要设置`range`参数来调整坐标轴的范围。
示例代码:
```javascript
var data = [{
type: 'scatterternary',
mode: 'markers',
a: [1, 0.1, 0.5],
b: [0.1, 1, 0.5],
c: [0.5, 0.5, 1],
marker: {
size: 12,
color: ['#ff0000', '#00ff00', '#0000ff']
}
}];
var layout = {
ternary: {
sum: 1,
aaxis: {
title: 'Axis A',
range: [0, 1],
tickfont: {
size: 12
}
},
baxis: {
title: 'Axis B',
range: [1, 0],
tickfont: {
size: 12
}
},
caxis: {
title: 'Axis C',
range: [0, 1],
tickfont: {
size: 12
}
},
bgcolor: '#ffffff',
gridcolor: '#bdbdbd',
type: 'scatterternary',
reversescales: true, // 设置轴反向
},
width: 500,
height: 500,
margin: {
l: 50,
r: 50,
b: 50,
t: 50
}
};
Plotly.newPlot('myDiv', data, layout);
```
在上面的示例代码中,我们将`baxis`的`range`参数设置为`[1, 0]`,并将`reversescales`参数设置为`true`,从而实现了`baxis`轴反向。
阅读全文