Как скрыть нулевые значения в таблице столбцов
Я использую диаграмму столбца и отображаю это значение поверх каждого столбца. Я не хочу показывать значения, если они равны 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 + '%';
}
}
}