echarts 3D scatter3D图标悬浮弹窗样式

您可以使用 ECharts 中的 tooltip 配置项来自定义悬浮弹窗样式。对于 scatter3D 图表，您可以在 tooltip 中设置 formatter 函数来自定义显示内容和样式。
以下是一个示例代码：
option = {
tooltip: {
formatter: function(params) {
return '<div style="background-color: #fff; border: 1px solid #ccc; padding: 10px">' +
'<p style="font-size: 14px; font-weight: bold">' + params.seriesName + '</p>' +
'<p style="font-size: 12px; color: #666">x: ' + params.data[0] + '</p>' +
'<p style="font-size: 12px; color: #666">y: ' + params.data[1] + '</p>' +
'<p style="font-size: 12px; color: #666">z: ' + params.data[2] + '</p>' +
'</div>';
}
},
series: [{
type: 'scatter3D',
data: [[1, 2, 3], [4, 5, 6], [7, 8, 9]],
symbolSize: 10,
itemStyle: {
color: '#ff0000'
}
}]
};
登录后复制
在上面的代码中，tooltip 的 formatter 函数返回一个 HTML 格式的字符串，用于自定义悬浮弹窗的样式和内容。您可以根据需要修改里面的样式和内容。