javascript - オーバーフローによるハイチャートのグループ化

Question

ガソリンタンク（クレジット前払い）のハイチャートを作りました

最後にグループ化（追加）するのではなく、各行をバーの先頭から開始するようにしたい（すべてのデータの合計は必要ありません）

ありがとう。

    ![var options = {
                chart: {
                    type: 'bar',
                    height: 300,
                    width:420
                },
                title: {
                    text: 'Prepayment'
                },
                yAxis: {
                    gridLineColor: '#eee',
                    title: {
                        text: 'Prepayment'
                    }
                },
                xAxis: {
                    categories: \['Credit'\],
                    labels: {
                        step: 0,
                        rotation: -45,
                        align: 'right'
                    }
                },
                legend: {
                    enabled: true
                },
                tooltip: {
                    shared: true,
                    crosshairs: true
                },
                plotOptions: {
                     series: {
                        stacking: 'normal'
                    }
                },
                credits: {
                    enabled: false
                },
                series: \[{
                    color:'#89C35C',
                    name: 'Current Credit',
                    data: \[10\]                }, {
                    color:'#FFD801',
                    name: 'Warning Threshold',
                    data: \[5\]             }, {
                    color:'#E42217',
                    name: 'Cut-Off Threshold',
                    data: \[1\]             }\],
            };
 $('#container').highcharts(options);][1]

例: http://jsfiddle.net/2se5q/

Answer 1

私はこのように作りました、ここで type = area

http://jsfiddle.net/2se5q/4/

    var options = {
                chart: {
                    type: 'area',
                    height: 300,
                    width:420
                },
                title: {
                    text: 'Prepayment'
                },
                yAxis: {
                    gridLineColor: '#eee',
                    title: {
                        text: 'Prepayment'
                    }
                },
                xAxis: {
                    categories: ['Credit'],
                    labels: {
                        step: 0,
                        rotation: -45,
                        align: 'right'
                    }
                },
                legend: {
                    enabled: true
                },
                tooltip: {
                    shared: true,
                    crosshairs: true
                },
                plotOptions: {
                     series: {
                        stacking: 'normal'
                    }
                },
                credits: {
                    enabled: false
                },
                series: [{
                    color:'#89C35C',
                    name: 'Current Credit',
                    data: [10,10]               }, {
                    color:'#FFD801',
                    name: 'Warning Threshold',
                    data: [5,5]             }, {
                    color:'#E42217',
                    name: 'Cut-Off Threshold',
                    data: [1,1]             }],
            };
 $('#container').highcharts(options);