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