Plotly.js：如何为scatter3d数据点设置自定义字符串提示文本

你用ticktext是找错属性了——这个属性是用来修改坐标轴刻度显示文本的，和数据点的提示框无关。要自定义scatter3d点的提示框内容，有两种常用方法：

方法1：直接指定hovertext #

给数据对象添加hovertext数组，对应每个点的自定义提示内容，再通过hoverinfo指定只显示这个文本：

var data = [
    {
        opacity: 0.5,
        type: 'scatter3d',
        x: [1,2,3],
        y: [1,2,3],
        z: [1,2,3],
        mode: 'markers',
        hovertext: ["a", "b", "c"], // 每个点对应自定义提示文本
        hoverinfo: "text" // 仅显示hovertext内容，隐藏默认xyz数值
    }
];

方法2：用hovertemplate灵活定制（推荐） #

如果需要同时保留部分轴数值+自定义名称，可以用customdata存自定义内容，再通过hovertemplate编写提示框模板：

var data = [
    {
        opacity: 0.5,
        type: 'scatter3d',
        x: [1,2,3],
        y: [1,2,3],
        z: [1,2,3],
        mode: 'markers',
        customdata: ["a", "b", "c"], // 自定义标识
        hovertemplate: "名称: %{customdata}<br>x: %{x}<br>y: %{y}<br>z: %{z}<extra></extra>"
        // <extra></extra>用来隐藏默认的系列名称，按需保留或删除
    }
];

内容的提问来源于stack exchange，提问作者onoke