当前位置：文江博客话题详情

Highcharts 图表中的自定义工具提示

发布于 2024-12-04 10:17:48 字数 98 浏览 2 评论 0原文

有没有办法在 Highcharts 图表中制作完全自定义工具提示？不仅仅是使用不同的数据或彩色边框，而是使其看起来不同（例如，像里面有图片的气泡）。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

飘过的浮云 2024-12-11 10:17:48

试试这个：

....

tooltip: {
                useHTML: true,
                formatter: function() { 
                    return 'here the html code';
                }
            },

Try this:

....

tooltip: {
                useHTML: true,
                formatter: function() { 
                    return 'here the html code';
                }
            },

回复收藏 0 原文

泼猴你往哪里跑 2024-12-11 10:17:48

使用 options/api 您只能配置边框属性和颜色等内容（请参阅工具提示选项）。因此，如果不编辑源代码或超出 api，这是不可能的。

工具提示内部由一个 SVG 组组成，该组包含一个内部有文本的矩形。如果您想编辑源代码，请查看第 1898 行。

回复收藏 0 原文

随遇而安 2024-12-11 10:17:48

我使用了来自不同线程的另一篇文章，并将 useHTML 部分与其合并，以添加图像作为顶部每个工具提示的一部分。我在顶部选择了 BBC 徽标..

所以，您可以使用

tooltip: {
    useHTML: true,
    formatter: function() { 
        // Use regular html syntax
        s = '<img src="" />' + 
        return s;
    }
}

这里是 jsfiddle 工作示例

I've used another post from a different thread, and merged the useHTML section along with it to add an image as part of each tool tip at the top. I chose BBC logo at the top..

so, you can use

tooltip: {
    useHTML: true,
    formatter: function() { 
        // Use regular html syntax
        s = '<img src="" />' + 
        return s;
    }
}

Here is the jsfiddle working example

回复收藏 0 原文

~没有更多了~