Highcharts：選択状態に積み上げ縦棒増加borderWidth上記フィドルで

Question

http://jsfiddle.net/sgrg93/4d08tj96/3/

plotOptions: { 
    column: { 
    allowPointSelect: true, 
    stacking: 'normal', 
    borderWidth: 8,  //This is giving spaces in between which I want to avoid 
    dataLabels: { 
     enabled: true, 
     color: 'white', 
     style: { 
     textShadow: '0 0 3px black' 
     } 
    }, 
    states: { 
     select: { 
     color: null, 
     borderWidth: 8,  //border width should increase on select 
     borderColor: 'rgba(0,0,0,0.4)' 
     } 
    } 
    } 
} 

、私はスタックのための選択の状態を定義しています。 borderWidth：8とdefault borderColor： '#FFFFFF'のためにスタック間にスペースがあります。私はスタック間のスペースを最初に（つまり、何も選択せずに）欲しくなく、borderWidthはスタックを選択したときにのみ増加するはずです。これを達成する方法はありますか？

Answer 1

これは難しいようです。私は、スタックオーバーフロー（下記参照）の他の場所にあるいくつかの質問に基づいて、いくつかの異なる構成をテストし、あなたが次の操作を行うことができそうです。

• あなたは「状態」に「イベント、」あなたを変更した場合"mouseOver"と "mouseOut"の状態で境界線のサイズを変更できますが、 "select"の状態では変更できません。

  events: { 
      mouseOver: function() { 
       this.update({ 
        borderWidth: 8 
       });     
      }, 
      mouseOut: function() { 
       this.update({ 
        borderWidth: 0 
       }); 
      }} 
  } 
  

• 変更あなたの「状態」句で「ホバリング」して「選択」した場合、あなたは別の場所で定義された幅を持っている場合は、境界線の色（borderColor）を変更することはできますが、幅を変更することはできません（borderWidthを使用）。ここで

私はこの応答を参照の質問です：

• Highcharts: changing color on hover ranking chart
• Highcharts Change column color on hover

は、私は、これは正確にあなたの問題を解決していないけど、私は情報を願っています私はあなたに役立つことがわかった。