gridster.js

я есть две одинаковые графики, вертикальная и горизонтальная.

На этих графиках есть небольшие значения, при которых подпись не отображается, по вертикали, чтобы решить эту проблему, я применил MinPointLength к серии, и все стало как надо.

У меня есть горизонтальная гистограмма и небольшое значение в ней. Если я установлю minPointLength на красную серию - тогда моя серия будет скрыта.

До

После

Почему в jsfiddle minPointLenght работает, а в моей ситуации - нет? Я размещаю график с гридстером JS. Я хочу увидеть все мои серии и ярлыки, как я могу это сделать?

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>

Ответы на вопрос(0)

Ваш ответ на вопрос