Highcharts stacked bar minPointLength

I have two similar graphics, vertical and horizontal.

In these graphs there are small values at which the signature is not displayed, in the vertical to solve this problem, I applied MinPointLength to the series and everything became as it should.

I have horizontal stacked bar chart and some small value in it. If I set minPointLength to red series - then my series hide.

Before enter image description here

After

enter image description here

Why in jsfiddle minPointLenght working, but in my situation - no? I place chart with gridster js. I want see all my series and labels, how I can do it?

Highcharts.chart('container', {
    chart: {
  		  height: 100,
        type: 'bar'
    },
    title: {
        text: null
    },

    credits: {
        enabled: false
    },

    navigation: {
        buttonOptions: {
            enabled: false
        }
    },

    xAxis: {
    		visible: false,
        categories: ['Activity'],
        lineWidth: 0,
        minorGridLineWidth: 0,
        lineColor: 'transparent',
        labels: {
    		enabled: false
  			},

    },
    yAxis: {
    		visible: false,
        min: 0,
        max:100,
        title: {
            text: ''
        },
        gridLineWidth: 0,
        minorGridLineWidth: 0,

    },


    legend: {
        enabled: false,
        reversed: true
    },
    plotOptions: {
        series: {
            borderWidth: 0,
            stacking: 'normal',
            pointWidth: 3,
            dataLabels: {
                format: '{y} % <br/> {series.name}',
                enabled: true,
                y: 2,
                verticalAlign: 'top',
                align: 'left',
                color: '#000000',

                style: {
                    textOutline: false
                }
            }
        }
    },
    series: [ {
        name: '2 series',
        data: [71],
        color: '#ff9f1c',
   
    },
    {
      
        name: '1 series',
        data: [28.5],
        color: '#44bba4',
   

    },
    
        {
       
        name: '0 series',
        data: [5.8],
        color: '#f45b69'
    },]
});
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>

<div id="container" style="min-width: 310px; max-width: 800px; height: 400px; margin: 0 auto"></div>

Answers:

Tags

Recent Questions

Top Questions

Home Tags Terms of Service Privacy Policy DMCA Contact Us Javascript

©2020 All rights reserved.