Encountering an issue with Highcharts where the value of this.y does not reflect the data source. The discrepancy is apparent in the image below. Uncertain if this is a bug or user error.
Screenshot illustrating the problem
You can view my Demo here: https://jsfiddle.net/xzjrkf1d/
Here is the Highcharts code snippet:
Highcharts.chart('ChartNational', {
chart: {
type: 'waterfall'
},
title: {
text: 'Company'
},
xAxis: {
type: 'category'
},
yAxis: {
labels: {
formatter: function () {
if (FilterValueType == "Full Amount") {
var val = nFormatter(this.value);
return val;
} else {
return Highcharts.numberFormat(this.value, 0, '.', ',');
}
}
},
title: {
text: 'Value'
},
min: YAxisCel
},
legend: {
enabled: false
},
tooltip: {
pointFormat: '<b>{point.y}</b>',
enabled: false
},
series: [{
upColor: Highcharts.getOptions().colors[2],
color: Highcharts.getOptions().colors[3],
data: resultData,
dataLabels: {
enabled: true,
formatter: function () {
debugger
if (FilterValueType == "Full Amount") {
var val = nFormatter(this.y);
return val;
} else {
return Highcharts.numberFormat(this.y, 0, '.', ',');
}
//return this.y;;
//return Highcharts.numberFormat(this.y, 0, ',');
},
style: {
fontWeight: 'bold'
}
},
pointPadding: 0
}]
});
Desiring consistency between this.y values and Data Source.