2
Plotly Scatter3Dを使用すると、デフォルトのマウスのホバーオーバー効果によって一種の座標の十字線が表示されます。このエフェクトを削除してツールチップを表示する方法はありますか?Plotly Python Scatter3dでホバー座標線を削除できます
Plotly Scatter3Dを使用すると、デフォルトのマウスのホバーオーバー効果によって一種の座標の十字線が表示されます。このエフェクトを削除してツールチップを表示する方法はありますか?Plotly Python Scatter3dでホバー座標線を削除できます
軸上に線が現れるホバー効果は、Plotlyでspikes
と呼ばれます。 layout = {'scene': {'xaxis': {'showspikes': False}}}
で無効にすることができます。
インタラクティブJavascriptの例:
Plotly.d3.csv('https://raw.githubusercontent.com/plotly/datasets/master/3d-scatter.csv', function(err, rows) {
function unpack(rows, key) {
return rows.map(function(row) {
return row[key];
});
}
var trace = {
x: unpack(rows, 'x2'),
y: unpack(rows, 'y2'),
z: unpack(rows, 'z2'),
mode: 'markers',
marker: {
color: 'rgb(127, 127, 127)',
size: 12,
symbol: 'circle',
line: {
color: 'rgb(204, 204, 204)',
width: 1
},
opacity: 0.9
},
type: 'scatter3d'
};
var data = [trace];
var layout = {
scene: {
xaxis: {
showspikes: false
},
yaxis: {
showspikes: false
},
zaxis: {
showspikes: false
}
}
};
Plotly.newPlot('myDiv', data, layout);
});
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
<div id="myDiv" style="width:100%;height:100%"></div>