apexcharts.js: Interpolate or duplicate missing data values

AFAIK currently there’s no way to draw lines on missing data on line charts, only points are drawn. https://codepen.io/anon/pen/WaxKdp

This doesn’t look alright when there’s many missing data image

Although one can fill that data by specifying interpolated values or repeating former value it would be nice to have an option to just have an Apex charts option on how these null values should be handled.

And there’s no way to set a different stroke for such “filled” line segments.

I would suggest the following:

options:
  nullValues: {
    fill: false | 'interpolate' | 'repeat',
    stroke: {
      width: 2,
      dashSpacing: 5,
    }
  }

Alternative option title could be seriesNulls or seriesEmptyValueHandling

About this issue

  • Original URL
  • State: closed
  • Created 6 years ago
  • Reactions: 4
  • Comments: 18 (1 by maintainers)

Most upvoted comments

Check python pandas interpolate documentation if you want to see more options 😉

Le 12 mars 2019 09:09:43 GMT+01:00, Juned Chhipa notifications@github.com a écrit :

Replacing null values with the former values while drawing seems like an appropriate way to handle it. I will research more on what are other options and see the possibilities of adding this feature.

– You are receiving this because you commented. Reply to this email directly or view it on GitHub: https://github.com/apexcharts/apexcharts.js/issues/146#issuecomment-471897530

– Envoyé de mon appareil Android avec Courriel K-9 Mail. Veuillez excuser ma brièveté.

Replacing null values with the former values while drawing seems like an appropriate way to handle it. I will research more on what are other options and see the possibilities of adding this feature.

+1.

@junedchhipa any update on this issue?

Is there any plans to add a feature improvement for this? It seems this issue links to #747, and vice versa, with no clear resolution or intention. Thanks! 😃