0

積み上げおよびグループ化された列ハイチャートを作成しようとしていますが、最後のいくつかの x 値だけに複数のグループ/積み上げを持たせたいと考えています。最初の x 値には 1 つのグループ/スタックしかありません。

説明するために、私は過去の値をグラフ化し、楽観的な予測シナリオと保守的な予測シナリオを比較しています。

これが私のjsFiddleです。これを行うより良い方法はありますか？

 series: [{
            name: 'Thermal',
            data: [5, 3, 4, 5],
            stack: 'conservative',
            color:'blue'
        }, {
            name: 'PV',
            data: [3, 4, 4, 6],
            stack: 'conservative',
            color: 'red'
        }, {
            name: 'Thermal',
            data: [0, 0, 0, 10],
            stack: 'optimistic',
            color: 'blue',
            showInLegend: false
        }, {
            name: 'PV',
            data: [0,0,0, 12],
            stack: 'optimistic',
            color: 'red',
            showInLegend: false
        }]
4

1 に答える 1

0

基本的に、ハイチャートは素晴らしく、バーを積み重ねて、ポイントベースで関連データを与えることができます. シリーズ配列に次のものを渡し、追加の属性をツールチップに渡します。ここでjsFiddleを参照してください：

 series:[
         {name:'Apples', color:'green', data:[{x:0, y:10, year: '2009', scenario: 'historic'}, {x:1, y:11,year: '2010',  scenario: 'historic'} ]}, 
         {name:'Oranges', color:'orange', data:[{x:0, y:2, year: '2009',  scenario:'historic'}, {x:1, y:5, year: '2010', scenario:'historic'}]},
         {name:'Apples',color:'green', data:[{x:1.75, y:12, year:'2011',scenario:'optimistic'}], showInLegend: false },
         {name:'Apples', color:'green',data:[{x:2.25, y:3,year:'2011',  scenario:'conservative'}], showInLegend: false },
         {name:'Oranges',color:'orange',  data:[{x:1.75, y:11, year:'2011',scenario:'optimistic'}], showInLegend: false},
         {name:'Oranges',color:'orange',  data:[{x:2.25, y:6, year:'2011',scenario:'conservative'}], showInLegend: false},
]
于 2013-01-29T01:56:13.433 に答える