Highcharts X-axis наклейки на стороне

Question

Я использую Highcharts, и я имел обыкновение иметь ярлыки сбоку. Но теперь он не работает, я что-то упустил? Красная стрелка, где я хотел бы ярлыки, как в следующем примере

http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/bar-basic/

Это код, я использую, я добавляю серию в динамике.

credits: { 
       enabled: false 
      }, 
      chart: { 
       type: 'bar' 
      }, 
      xAxis: { 
       categories: ['Jan', 'Feb'], 
       labels: { 
        enabled: true, 
       } 
      }, 
      yAxis: { 
       min: 0, 
       max: 100, 
       title: { 
        text: 'Score', 
        align: 'high' 
       } 
      }, 
      plotOptions: { 
       bar: { 
        dataLabels: { 
         enabled: true 
        } 
       } 
      } 
     }); 

     // Add Series 
     var detailchart = $('#chart-detail').highcharts(); 
     var categories = new Array; 

     // Set Chart Title 
     detailchart.setTitle({text: results[0].category}); 

     $.each(results, function(i, data){ 
      categories.push(data.name); 
      detailchart.addSeries({ 
       name: data.name, 
       data: [data.score] 
      }); 
     }); 

     detailchart.xAxis[0].setCategories(["1", "2"]); 
     $('#chart-detail').highcharts().reflow(); 

Результаты является массив, который выглядит следующим образом (я это через AJAX)

Любая помощь будет оценен по достоинству! Спасибо

Answer 1

Только то, что вам нужно, это 4 серии, каждая из которых имеет единую точку данных.

series: [{ 
     name: 'Year 1800', 
     data: [107] 
    }, { 
     name: 'Year 1900', 
     data: [138] 
    }, { 
     name: 'Year 2008', 
     data: [973] 
    },{ 
     name: 'Year 20098', 
     data: [973] 
    }] 

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