6

バー チャート (パーセンテージ スタッキング) を使用してプログレス バーを作成していますが、コンテナー内のスペース/パディングを削除し、チャート コンテナー内のパディング/マージン スペースなしでバーのみを保持したいと考えています。

これを達成する方法はありますか？

フィドル

コード：

$(function () {
    var chart;
    $(document).ready(function () {
        chart = new Highcharts.Chart({
            chart: {
                renderTo: 'container',
                type: 'bar'
            },
            legend: {
                enabled: false,
            },
            title: {
                text: ''
            },
            xAxis: {

                lineWidth: 0,

                labels: {
                    enabled: false
                },
                minorTickLength: 0,
                tickLength: 0
            },
            yAxis: {
                min: 0,
                title: {
                    text: ''
                },
                lineWidth: 0,
                gridLineWidth:0,
                lineColor: 'transparent',
                labels: {
                    enabled: false
                },
                minorTickLength: 0,
                tickLength: 0
            },
            tooltip: {
                enabled: false
            },
            plotOptions: {
                bar: {
                    stacking: 'percent'

                },
                 series: {
            pointPadding: 0,
            groupPadding: 0,       
        }
            },

            series: [{
                name: 'max',
                data: [40],
                color: 'white'
            }, {
                name: 'current',
                data: [60],
                color: 'green'
            }]
        });
    });

});
4

1 に答える 1

7

マージンを簡単に削除できます：

chart: {
    renderTo: 'container',
    ....
    margin: 0
}

参照: http://jsfiddle.net/gRYGn/4/

于 2013-02-11T13:55:14.490 に答える