首页 文章

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

提问于
浏览 435 次
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/

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

highcharts

2 回答

  • 1

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

    所以在你的情况下：

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

    ',

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

    回复于
  • 2

    你必须使用rgba格式：

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

    0.85 是工具提示的不透明度

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

    回复于

相关问题