Как скрыть нулевые значения в таблице столбцов

Я использую диаграмму столбца и отображаю это значение поверх каждого столбца. Я не хочу показывать значения, если они равны 0. Как это сделать? Вот мой фрагмент кода

var series = {  data: [],   
                dataLabels: {
                    enabled: true,
                    color: 'black',
                    align: 'right',
                    x: -3,
                    y: 3,
                    style: {
                        color: '#333',
                        fontWeight: 'bold',
                        fontSize: '12px',
                        fontFamily: 'Trebuchet MS, Verdana, sans-serif'
                    }
                },
                pointWidth: 28
};

Ответ 1

Вы можете использовать форматтер. Что-то вроде этого должно это сделать:

dataLabels: {
  formatter:function() {
    if(this.y != 0) {
      return this.y;
    }
  }
}

http://api.highcharts.com/highcharts#plotOptions.series.dataLabels.formatter

Ответ 2

Вы можете использовать форматировщик datalabels и добавить условие, которое проверяет, больше ли значение больше нуля.

http://jsfiddle.net/DdvGm/

plotOptions: {
        series: {
            dataLabels:{
                enabled:true,
                formatter:function(){
                    if(this.y > 0)
                        return this.y;
                }
            }
        }
    },

http://api.highcharts.com/highcharts#plotOptions.column.dataLabels.formatter

Ответ 3

Вот ответ, насколько короткий ваш вопрос, я не в полном объеме, если существующие ответы верны.

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

Дайте мне знать, если у вас есть вопросы.

Скрипка: http://jsfiddle.net/8kr0tods/ Обратите внимание, что may равен 0, а mar равен null, а null скрыт.

    if($VAL==0)
    {
        $VAL='null';
    }

Ответ 4

dataLabels: {
 enabled: true,
    formatter: function(){
      if(this.y !== 0){
      return this.point.name + ' ' + this.y + '%';
      }
    }
}