Highcharts Areaspline - Выделите столбец с эффектом зависания

Question

Застрял с проблемой выделения столбца области сплайна. Не нашел никаких решений через Chartjs, и Highcharts мне тоже не помогли. Мне нужно выделить столбец оси x, но до кривой графика. В моем коде я использую Crosshair, но это не совсем то, что мне нужно.

xAxis: { 
     allowDecimals:false, 
     min: 1, 
     max: 12, 
     categories: ['', 'JAN', 'FEB', 'MAR', 'APR', 'MAY', 'JUN', 'JUL', 'AUG', 'SEP', 'OCT', 'NOV', 'DEC', ''], 
     labels: { 
      y: -10, 
      style: { 
       color: '#66717c', 
       fontSize: '13px' 
      } 
     }, 
     tickWidth: 0, 
     lineColor: "#fff", 
     crosshair: { 
      width: 60, 
      color: 'rgba(73,168,222,0.5)', 
      zIndex: 5 
     } 
    }, 
    yAxis: { 
     title: { 
      text: '' 
     }, 
     gridLineWidth: '0', 
     visible: false 
    } 

Мой результат:

И что мне нужно:

Кто-нибудь знает, как этого добиться?

Answer 1

Если вы добавите еще одну серию, которая будет сложена поверх реальной серии с процентной укладкой, то вы можете использовать эту область заполнения частично прозрачно и разместить crosshair в серии. Поддельные серии следует использовать как нечто, чтобы покрыть часть crosshair, которую вы хотите скрыть.

Пример: http://jsfiddle.net/aft9esqr/