добавить бар Highcharts series

Question

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

  series: [{ 
      name: 'bar1', 
      data: [1000, 950, 920, 0, 850], 
      color: "#FF0000" 
      }, { 
     name: 'bar2', 
     data: [800, 770, 750, 0, 730], 
     color: "#000000" 

     }, { 
     name: 'bar3', 
     data: [600, 540, 535, 500, 30], 
     color: "#00FF00" 

     }] 

Я должен использовать это:

 series: [{ 
     "data": [{ 
      "name": "number1", 
      "y": 10, 
      "color": "#FF0000" 
     }, { 
      "name": "number2", 
      "y": 42, 
      "color": "#FFFF00" 

     }, { 
      "name": "number3", 
      "y": 60 
     }] 
     }] 

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

http://jsfiddle.net/v51dxpLn/

Я хочу, чтобы каждый бар назначен другой имя и может поместить его в ту же категорию. поскольку у меня есть мой экзамен, у меня может быть только один бар по категориям. Мне нужно поместить n баров в бар каждой категории, но все еще сохраняет свое другое имя.

Answer 1

Решение заключается в использовании нескольких серий, как здесь: http://jsfiddle.net/awe4abwk/1/

$('#container').highcharts({ 
    chart: { 
    type: 'bar', 
    }, 
    xAxis: { 
    categories: ['Cat 1', 'Cat 2', 'Cat 3'] 
    }, 

    plotOptions: { 
    series: { 
     dataLabels: { 
     enabled: true, 
     format: '{point.name}' 
     } 
    } 
    }, 

    series: [{ 
    data: [{ 
     y: 10, 
     x: 0, 
     name: 'Bar 1' 
    }, { 
     y: 10, 
     x: 1, 
     name: 'Bar 2' 
    }, { 
     y: 10, 
     x: 2, 
     name: 'Bar 3' 
    }] 
    }, { 
    data: [{ 
     y: 20, 
     x: 0, 
     name: 'Bar X' 
    }, { 
     y: 20, 
     x: 1, 
     name: 'Bar Y' 
    }, { 
     y: 20, 
     x: 2, 
     name: 'Bar Z' 
    }] 
    }] 
});