Request: Option to hide points for null or zero values in LineChart

[Sofia-vig]

I'm experiencing an issue where I need to display all the labels on a line chart, but when the data value is null or 0, a point is still displayed on the chart. I would like a feature that allows the chart to hide points when the value is null or 0 while still displaying the corresponding labels. This would help in creating a cleaner and more accurate representation of the data.

If a feature to hide points with null or 0 values cannot be added directly, is there a workaround or custom solution that can be applied? Any guidance or suggestions would be greatly appreciated.

[Abhinandan-Kushwaha]

Hi @Sofia-vig There is a workaround. You can set the dataPointColor = 'transparent' or dataPointRadius = 0.1 for those data items whose value is 0 or null (falsy).
Example-

let data = [
  {value:5},
  {value:1},
  {value:0.5},
  {value:0},
  {value:null},
  {value:1},
]

data = data.map(item => {
  if(!item.value) {
    item.dataPointColor = 'transparent' ; // OR item.dataPointRadius = 0.1;
  }
  return item;
});

Alternatively, we have a prop named showDataPointsForMissingValues. You can set it to false to hide data points for null/undefined values.
See the interpolation related props here

[SofiaMiMIAT]

Thanks!!