Javascript 根据条形图颜色更改highcharts工具提示颜色
如何将工具提示颜色设置为与highcharts版本5中的条形图颜色相同 我使用了下面的代码,但是工具提示的边框颜色似乎在改变Javascript 根据条形图颜色更改highcharts工具提示颜色,javascript,highcharts,Javascript,Highcharts,如何将工具提示颜色设置为与highcharts版本5中的条形图颜色相同 我使用了下面的代码,但是工具提示的边框颜色似乎在改变 tooltip: { backgroundColor: null, borderWidth: 1, borderColor: null, formatter: function(){
tooltip: {
backgroundColor: null,
borderWidth: 1,
borderColor: null,
formatter: function(){
return '<div style="background-color:'+ this.series.color +'!important; font-weight:bold;color:#fff" class="tooltip"> ' + this.y + '</div>';
},
},
工具提示:{
背景颜色:空,
边框宽度:1,
边框颜色:空,
格式化程序:函数(){
返回“”+此.y+“”;
},
},
请注意,上面的代码适用于Highcharts 4,但不适用于版本5,工具提示选项中缺少
useHTML:true,
tooltip: {
valueSuffix: ' millions',
useHTML: true,
backgroundColor: null,
borderWidth: 1,
borderColor: null,
formatter: function(){
return '<div style="background-color:'+ this.series.color +'!important; font-weight:bold;color:#fff" class="tooltip"> ' + this.y + '</div>';
}
},
即使我使用
useHTML:true,
它也不起作用。。。如果选中小提琴,则只会更改文本背景,而不会更改整个工具提示
const H = Highcharts;
H.wrap(H.Tooltip.prototype, 'refresh', function (p, point, mouseEvents) {
p.call(this, point, mouseEvents);
const label = this.label;
if (point && label) {
label.attr({
fill: point.series.color
});
}
});