Как добавить разделительные линии Категории

Question

У меня есть гистограмму с несколькими категориями:

 xAxis: { 
      categories: cat, 
      labels: { 
       enabled: true 
      } 
     }, 

УАК кот является динамически массив категорий [cat1, CAT2, CAT3 ...].

Как добавить вертикальные линии или полосы для разделения категорий по оси X?

Answer 1

Нечто вроде этого here:

var cats = ['One', 'Two', 'Three', 'Four', 'Five', 'Six', 
      'Seven', 'Eight', 'Nine']; 

var colors = [ 
    '#2f7ed8', 
    '#0d233a', 
    '#8bbc21', 
    '#910000', 
    '#1aadce', 
    '#492970', 
    '#f28f43', 
    '#77a1e5', 
    '#c42525', 
    '#a6c96a' 
]; 

var bands = []; 

for (var i=0; i < cats.length; i++) 
{ 
    bands.push({color: colors[i], 
       from:i-0.5, 
       to:i+1}); 
} 

$(function() { 
    $('#container').highcharts({ 
     chart: { 
     }, 
     xAxis: { 
      categories: cats, 
      plotBands: bands 
     }, 

     series: [{ 
      data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4], 
      color: 'black' 
     }] 
    }); 
}); 

Answer 2

Чтобы создать вертикальные линии, просто установите й ширину оси линии сетки на что-то большее, чем 0.

http://api.highcharts.com/highcharts#xAxis.gridLineWidth

групп могут гораздо легче выполнить с помощью свойства alternateGridColor, так как здесь:

http://jsfiddle.net/yPLVP/53/