Highcharts饼在工具提示headerFormat中获得系列颜色

提问于 2024-04-24T07:09:32+08:00

浏览次

1

当我使用另一个Highcharts图表类型（列，栏）时，我可以使用获取工具提示headerFormat中的颜色 . 但我无法用饼图得到它 . 我也尝试使用并且它什么也没有返回 .

tooltip: {
     borderWidth: 0,
     backgroundColor: "#EBEBEB",
     headerFormat: '<span style="background:{series.color}; color:white;">{point.color}{point.key}</span>

',
     pointFormat: '<span>{point.color}{point.percentage:.2f}%</span>({point.y:.2f})
',
     useHTML: true,
     style: {
         padding: 10
     }
}

我们还有另一种方法来访问饼头工具提示中的颜色吗？还是我做错了什么？这是问题的小提琴 . http://jsfiddle.net/k61fotnr/3/

任何帮助表示赞赏，在此先感谢:)

2 回答

2
你必须使用rgba格式：
```
backgroundColor: 'rgba(244, 127, 40, 0.85)'
```
0.85 是工具提示的不透明度

JSFiddle：http://jsfiddle.net/k61fotnr/4/
回复于 2024-04-24T07:09:32+08:00
1
这样您就可以访问原始点： {point.point._propertyName}

所以在你的情况下：
```
headerFormat: '<span style="background:{point.point.color}; color:white;">{point.color}{point.key}</span>

',
```
工作演示：http://jsfiddle.net/k61fotnr/5/
回复于 2024-04-24T07:09:32+08:00

相关问题