Question

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

tooltip: {
     borderWidth: 0,
     backgroundColor: "#EBEBEB",
     headerFormat: '<span style="background:{series.color}; color:white;">{point.color}{point.key}</span><br/><br/>',
     pointFormat: '<span>{point.color}{point.percentage:.2f}%</span>({point.y:.2f})<br/>',
     useHTML: true,
     style: {
         padding: 10
     }
}

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

感谢任何帮助，提前谢谢：）

Answer 1

You have to use rgba format :

backgroundColor: 'rgba(244, 127, 40, 0.85)'

0.85 is the opacity of your tooltip

JSFiddle : http://jsfiddle.net/k61fotnr/4/

Answer 2

这样您就可以访问原始点：{point.point._propertyName}

所以在你的情况下：

headerFormat: '<span style="background:{point.point.color}; color:white;">{point.color}{point.key}</span><br/><br/>',

工作演示：http://jsfiddle.net/k61fotnr/5/

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

2 个答案: