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

Javascript Highcharts图表中的自定义工具提示,javascript,highcharts,tooltip,Javascript,Highcharts,Tooltip,有没有办法在Highcharts图表中完全自定义工具提示?不仅仅是使用不同的数据或彩色边框,还要使其看起来不同(例如,像一个带有图片的气泡)。使用选项/api,您只能配置边框属性和颜色等内容(请参阅)。因此,如果不编辑源代码或脱离api,不可能 在内部,工具提示由一个SVG组组成,该SVG组包含一个内部带有文本的矩形。如果要编辑源代码,请查看周围的Chart.js文件。尝试以下操作: 我使用了来自不同线程的另一篇文章,并合并了useHTML部分,在顶部添加了一个图像作为每个工具提示的一部分。我

有没有办法在Highcharts图表中完全自定义工具提示?不仅仅是使用不同的数据或彩色边框,还要使其看起来不同(例如,像一个带有图片的气泡)。

使用选项/api,您只能配置边框属性和颜色等内容(请参阅)。因此,如果不编辑源代码或脱离api,不可能

在内部,工具提示由一个SVG组组成,该SVG组包含一个内部带有文本的矩形。如果要编辑源代码,请查看周围的Chart.js文件。

尝试以下操作:


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

所以,你可以使用

tooltip: {
    useHTML: true,
    formatter: function() { 
        // Use regular html syntax
        s = '<img src="" />' + 
        return s;
    }
}
工具提示:{
是的,
格式化程序:函数(){
//使用常规html语法
s=“”+
返回s;
}
}

这是JSFIDLE正在工作的

这已经过时了,请参阅MiguelIt的回复,肯定是的,它已经快两年了。@Miguel:是否可以添加一个按钮并使用ng-click触发它。任何输入都会非常有帮助…您是否尝试过将按钮返回为html,其中包含ng-click标记?不起作用?
tooltip: {
    useHTML: true,
    formatter: function() { 
        // Use regular html syntax
        s = '<img src="" />' + 
        return s;
    }
}