绘图:在两组点之间显示自定义工具提示

时间:2019-10-28 16:11:09

标签: javascript plotly

使用Pltoly.js,我在下面的这张图包含两个跟踪。我正在尝试为蓝色轨迹获取此特定结果(如下所示):两点之间显示一个特殊的文本div: Plotly plot with a blue trace having a centered tooltip with data inside

显然没有本地方法可以做到这一点。我当前的工作方式如下:我使用蓝色的一个数据构建了第三条迹线。从这些数据中,我仅提取了其他两个点的中间点(因此在屏幕截图中,每个音符的位置将有一个点)。由此,我只需添加一个点文本(本机),并在其上应用一些样式即可。

下面是中间点的踪迹,我对每个点应用上方和居中于此点的文本

const traceCartouche: {
    // ...
    mode: 'text', // make the tooltip persistent
    textposition: 'top middle',
    textfont: {
        size: 12,
        color: '#111111'
    },
    text: 'cartouche',
}

我想知道是否有更简单的方法?

0 个答案:

没有答案
相关问题