首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何将“maxPadding”放入HighCharts grafic,在YAxes中放入"stacking:percent“?

如何将“maxPadding”放入HighCharts grafic,在YAxes中放入"stacking:percent“?
EN

Stack Overflow用户
提问于 2013-03-28 22:58:30
回答 1查看 287关注 0票数 0

我想在YAxes中为图形“百分比”设置左边的填充。在酒吧后面我需要一个空间。请看下面的代码。

'chart =新列({Highcharts.Chart:{ renderTo:‘容器’,inverted: true,类型:‘列’},

代码语言:javascript
复制
    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
    }]
});'

谢谢!

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-03-29 00:10:30

您可以在图表中添加右边距,这将为标签http://api.highcharts.com/highcharts#chart.marginRight提供空间

另外-带有'inverted:true‘的柱状图与条形图相同。为什么不直接使用'bar‘类型呢?

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/15685133

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档