3

グラフに積み上げ棒グラフの 2 つのグループがあり、それらを視覚的にグループ化したい

では、積み上げ棒グラフの特定の棒の間に余分な垂直ギャップを追加したり、他の方法でグループを分離したりするにはどうすればよいでしょうか?

例: http://jsfiddle.net/KrTbz/41/

小節 4 と A の間に余分な垂直スペースを追加したい

 new Highcharts.Chart({
        chart: {
            renderTo: 'container',
            type: 'bar',
        },
        title: {
            text: 'Grouping test',
        },
        xAxis: {
            categories: ['1', '2', '3', '4', 'A', 'B', 'C', ]
        },
        plotOptions: {
            series: {
                stacking: 'percent'
            }
        },
        series: [{
            name: 'Alpha',
            data: [31, 27, 23, 22, 22, 20, 21]
        }, {
            name: 'Omega',
            data: [5, 6, 7, 5, 6, 6, 5, ]
        }, {
            name: 'Gamma',
            data: [60, 62, 67, 69, 68, 70, 71]
        }]
    });
});
4

1 に答える 1

0

簡単な方法では不可能ですが、私の頭に浮かぶのはかなり汚い解決策だけですが、おそらく十分でしょう。したがって、null値を直列およびカテゴリに設定できます。

http://jsfiddle.net/KrTbz/42/

xAxis: {
        categories: [ '1','2','3','4','','A', 'B', 'C', ]     
    },

series: [
{
    name: 'Alpha',
    data: [31,27,23,22,null,22,20,21]

}, {
    name: 'Omega',
    data: [5,6,7,5,null,6,6,5,]

} ,{
    name: 'Gamma',
    data: [60,62,67,69,null,68,70,71] 
}
 ]
于 2013-02-21T11:51:24.857 に答える