0

YAxes のグラフィック「パーセント」にパディングを残したい。バーの後に 1 つのスペースが必要です。以下のコードを見てください。

'chart = new Highcharts.Chart({ chart: { renderTo: 'container'、inverted: true、type: 'column' },

    title: {
        text: 'Indicatores por Sexo'
    },

    xAxis: {
       categories: [
            'Jan',
            'Fev',
            'Mar',
            'Apr',
            'May',
           'Jun',
           'Jul',
           'Aug',
           'Sep',
           'Oct',
           'Nov',
           'Dez'
       ],
       title: {
           text: 'Meses'
       },
    },

    yAxis: {
        endOnTick: false,
        maxPadding: 5,
        allowDecimals: false,
        min: 0,
        title: {
            text: 'Quantidade de Consultas'
        },
        stackLabels: {
            style: {
                color: 'black'
            },

            enabled: true,
            formatter: function() {
                return "Product A";
            }
        }
    },

    tooltip: {
        formatter: function() {
            return '<b>'+ this.x +'</b><br/>'+
                this.series.name +': '+ this.y +'<br/>'+
                'Total: '+ this.point.stackTotal;
        }
    },

    plotOptions: {
        column: {
            stacking: 'percent'
        },
        series : {
            pointWidth: 10,
            minPointLength: 3,
        }
    },

    series: [{
        data: [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12], //inclusoesExclusoesChequeFeminino[0]
        color: '#FF0000',
        stack: 0
    }, {
        data: [12, 11, 10, 9, 8, 7, 6, 5, 4, 3, 2, 1], //inclusoesExclusoesChequeMasculino[0]
        color: '#3333FF',
        stack: 0
    }, {
        data: [10, 20, 30, 40, 50, 60, 60, 50, 40, 30, 29, 10], //inclusoesExclusoesSPCFeminino[0]
        color: '#FF0000',
        stack: 1
    }]
});'

ありがとうございました！

4

1 に答える 1

1

チャートに右マージンを追加できます。これにより、ラベル http://api.highcharts.com/highcharts#chart.marginRightにスペースが提供されます

また、'inverted:true' の縦棒グラフは棒グラフと同じです。タイプ「バー」を使用しないのはなぜですか？

于 2013-03-28T16:10:30.223 に答える