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

Question

我正在使用 Highcharts 制作此图形：

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

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

Answer 1

您必须设置borderColortonull然后将点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' } };

演示

Answer 2

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

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

 });