jquery - ハイチャートを使用して、ツールチップの境界線の色をマーカーの色と同じにする必要があります

Question

このグラフィックを作成するためにハイチャートを使用しています。

ただし、ツールチップの境界線の色をマーカーの色と同じにする必要があるため、緑のマーカーにカーソルを合わせると境界線の色が緑に変わり、黄色のマーカーでは境界線の色が黄色になり、赤のマーカーと同じになります. どうすればこれを達成できますか？

更新:これが私の jsfiddle です: http://jsfiddle.net/tbU7e/1/

Answer 1

borderColor次のように、 toを設定してから、データで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' } };

デモ

Answer 2

APIによると、オプションをnullに設定するだけで済みます。したがって、チャートを宣言するときは、必ず次のオプションを追加してください

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

 });