高图 - 如何在堆叠条形图上设置最小宽度

Question

我在尝试在div中渲染Highchart时遇到麻烦。我不知道为什么有些条形图无法正确显示。

我在容器 highchartdiv 上设置了一个宽度值，期望条形占据div 的 100%，但正如你所看到的，它并没有发生。

以下是我设置高图表选项的方法：

var chart =  new Highcharts.Chart({
            chart: {
                type: 'bar',
                spacingBottom: 1,
                spacingTop: 1,
                spacingRight: 1,
                backgroundColor: null,
                renderTo: containerId
            },
            colors: ['#8b878a', '#10914E', '#DBD311', '#7e8b00'],
            title: '',
            tooltip: {
                enabled: false
            },
            xAxis: {
                labels:{
                    enabled: false
                }
            },
            yAxis: {
                labels:{
                    enabled: false
                },
                gridLineWidth:0,
                title: {
                    enabled: false
                },
                visibility: false
            },
            legend: {
                enabled: false
            },
           plotOptions: {
        	   series: {
                    stacking: 'normal',
                    dataLabels: {
                        enabled: true,
                        formatter: function() {
                        	if(this.series.options.showPercentageValue && this.series.options.percentageValue > minValueBarPercentage){
                        		return (Math.round(this.series.options.percentageValue) + ' %'); //~~(elimina decimales)
                        	}
                        },
                        style:{fontSize: '9px', color:'black',  paddingBottom: '1px', fontWeight: 'bold'}
                    },
                    pointPadding: 0,
                    groupPadding: 0.1
                }
            }, 
            series: values
        });

知道吗？

Answer 1

这是正在发生的事情的图片>>> https://i.stack.imgur.com/PXXcF.jpg