javascript - バーを追加 ハイチャート シリーズ

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/

すべてのバーに異なる名前を割り当てて、同じカテゴリに配置できるようにします。私の例がある限り、カテゴリごとに 1 つの棒しか持てません。カテゴリごとにバーに n 個のバーを配置する必要がありますが、それでも別の名前を保持しています。