Reputation: 217
i have built a chart using chartjs. I'm trying to remove those data value that is zero from the chart. I wrote a function to display only value that is non-zero but it doesn't seem to work. Can anyone help?
Below is my Javascript
var ctx = document.getElementById('myChart2').getContext('2d');
var myChart = new Chart(ctx, {
type:<?php echo $chartype; ?>,
data : {
labels: [<?php echo $datelist_2; ?>], <!--label name->
datasets: [
{
label: "Sales",
data: [<?php echo $atlasdata2; ?>],
backgroundColor: 'rgb(248, 108, 108, 0.6)'
}
]
},
.......
.......
.......
plugins: {
datalabels: {
display: true,
align: 'center',
anchor: 'center',
formatter: function(value, index, values) {
if(value != 0){
value = value.toString();
value = value.split(/(?=(?:...)*$)/);
value = value.join(',');
return value;
}
}
}
}
}
});
How my chart looks like currently?
Upvotes: 5
Views: 15407
Reputation: 217
Finally solve myself. its a silly answer. I need to add an else statement in order to make the zero disappear.
plugins: {
datalabels: {
display: true,
align: 'center',
anchor: 'center',
formatter: function(value, index, values) {
if(value >0 ){
value = value.toString();
value = value.split(/(?=(?:...)*$)/);
value = value.join(',');
return value;
}else{
value = "";
return value;
}
}
}
}
Upvotes: 15