Highcharts 减少高度图表中列之间的间距

Highcharts 减少高度图表中列之间的间距,highcharts,Highcharts,我需要减少红色列之间的空间。请参阅 }) 我尝试了和的解决方案,但效果不太好。我不太确定我错过了什么 谢谢。您需要属性组填充 这将完全消除它们之间的间距 谢谢,但这将重叠绿色和蓝色的两条虚线。有没有办法减少空间但不重叠这些线。@方形线是根据您定义的值排列的。所以如果你需要更高的数值,可以设置不同的数值。这正是我想要的,我有一个非常细的柱状股票图表,几乎不可能用鼠标移动,这是完美的@方形请参考下面的链接,在这个列和组列之间的距离是很好地计算出来的,通过这个,任何列都不会相互重叠,也不会在列之间产生

我需要减少红色列之间的空间。请参阅

})

我尝试了和的解决方案,但效果不太好。我不太确定我错过了什么

谢谢。

您需要属性组填充

这将完全消除它们之间的间距


谢谢,但这将重叠绿色和蓝色的两条虚线。有没有办法减少空间但不重叠这些线。@方形线是根据您定义的值排列的。所以如果你需要更高的数值,可以设置不同的数值。这正是我想要的,我有一个非常细的柱状股票图表,几乎不可能用鼠标移动,这是完美的@方形请参考下面的链接,在这个列和组列之间的距离是很好地计算出来的,通过这个,任何列都不会相互重叠,也不会在列之间产生较大的间隙
$(function () {
$('#container').highcharts({

    colors: ['#ba0000'],
    chart: {
        type: 'column',
        spacingBottom: 10,
        spacingTop: 30,
        spacingLeft: 0,
        spacingRight: 10,

        style: {
            fontFamily: 'MuseoSans-500',
            fontSize: '14px'                
        }       

    },

    title: {
        text: ''
    },
    subtitle: {
        text: ''
    },
    xAxis: {
        categories: [
            'YTD',
            'QTD',
            'Last Period'
        ],
        labels: {
            style: {
                fontSize:'14px'
            }
        }           
    },
    yAxis: {
        min: 0,
        title: {
            text: '%'
        },

        plotLines: [{
            color: '#0054a6',
            width: 2,
            value: 48,
            dashStyle: 'Dash',
        label : {
                    text : 'AVG'
                }               
        },



        {
            color: '#00ed99',
            width: 2,
            value: 65,
            dashStyle: 'Dash',
            label : {
                    text : 'GOAL',

             }  


            }]

    },



    credits: {
         enabled: false
    },
    tooltip: {
        headerFormat: '<span style="font-size:1.1em">{point.key}</span><table>',
        pointFormat: '<tr><td style="color:{series.color};padding:0"></td>' +
            '<td style="padding:0"><b>{point.y:.1f}%</b></td></tr>',
        footerFormat: '</table>',
        shared: true,
        useHTML: true
    },
    plotOptions: {
        column: {

            pointPadding: 0,
            borderWidth: 0,
            groupPadding: 0,
            pointWidth: 50,
        }
    },
    series: [{
        data: [57, 63, 62],


    }]
});
        plotOptions: {
            series: {
                pointPadding: 0,
                groupPadding: 0,
            }
        },