Highcharts: Stacked Column увеличение 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

Я знаю, что это точно не решить вашу проблему, но я надеюсь, что информация Я нашел, будет полезно для вас.