Highcharts水平堆叠条形,减少条形和x轴之间的空间

时间:2016-09-29 12:35:39

标签: highcharts

我一直在使用高图中的水平堆叠条。我需要删除图表中x轴和条形之间的空间。 您可以从此图片中获取详细信息:

Image

以下是图表选项:

{
"chart":{
    "type":"bar",
    "renderTo":"ConfigurationTickets"
},
"title":{
    "text":null
},
"xAxis":{
    "groupPadding":0
},
"yAxis":{
    "min":0,
    "title":{
        "text":null
    },
    "gridLineWidth":0,
    "labels":{
        "enabled":true
    },
    "minorTickLength":0,
    "tickLength":0,
    "minPadding":0.5,
    "maxPadding":0.5
},
"legend":{
    "enabled":false,
    "reversed":true
},
"plotOptions":{
    "series":{
        "stacking":"percent",
        "minPointLength":1,
        "pointWidth":20,
        "pointPadding":0,
        "point":{
            "events":{

            }
        },
        "column":{
            "pointPadding":0,
            "groupPadding":0
        },
        "showInLegend":false,
        "softThreshold":true
    },
    "cursor":"pointer",
    "bar":{
        "groupPadding":0.1,
        "pointWidth":20,
        "pointPadding":0
    }
},
"series":[
    {
        "data":[
            {
                "y":3,
                "color":"#ac89cb"
            }
        ],
        "name":"more than 31"
    },
    {
        "data":[
            {
                "y":2,
                "color":"#8d749a"
            }
        ],
        "name":"21 - 30"
    },
    {
        "data":[
            {
                "y":3,
                "color":"#72557b"
            }
        ],
        "name":"Less than 20"
    }
]}

1 个答案:

答案 0 :(得分:0)

所以,你的图表选项中有很多不合适的东西。

以下是使用此更新代码填充空格的示例:

{{1}}

小提琴: