高图 - 如何在堆积条上设置minWidth?

时间:2017-03-23 15:49:46

标签: javascript jquery html css highcharts

我在尝试在div中渲染Highchart时遇到了麻烦。我不知道为什么有些酒吧没有正确显示。

我在容器highchart div上设置了一个宽度值,期望条占据div的100%,但是你看到它没有发生。

以下是我设置Highchart选项的方法:

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
        });

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

以下是正在发生的事情的图片>>> http://imgur.com/a/FEfpz