需要使用Highcharts使工具提示边框颜色与标记颜色相同

Question

我正在使用Highcharts制作这张图片：

但是我需要使工具提示的边框颜色与标记颜色相同，所以当我将鼠标悬停在绿色标记上时，边框颜色变为绿色，在黄色标记中，边框颜色变为黄色，与之相同红色标记。你知道我怎么能做到这一点？

更新：这是我的jsfiddle：http://jsfiddle.net/tbU7e/1/

Answer 1

您必须将borderColor设置为null，然后将color点与point数据一起传递，如下所示。

var current_zafra_series = new Array();
current_zafra_series[0] = { y: 150, prueba: 'a', color: '#FF9933',marker: { fillColor: '#FF9933' } };
current_zafra_series[1] = { y: 200, prueba: 'b', color: '#F15B49', marker: { fillColor: '#F15B49' } };
current_zafra_series[2] = { y: 150, prueba: 'c', color: '#55B647', marker: { fillColor: '#55B647' } };

demo

Answer 2

根据api，你可以将选项设置为null。因此，在声明图表时，请确保添加以下选项

var chart = new Highcharts.Chart({
      //... other options ,
      tooltip : {
           borderColor : null
       }

 });