D3 Non-Continuous Dates Domain Gives Gaps on X-Axis

Question

I want to plot some time series data that is not continuous (gaps in the dates for weekends, holidays, etc..). It\'s daily data.

The data looks something like:

Answer 1

The d3fc-discontinuous-scale component adapts any other scale (for example a d3 time scale) and adding the concept of discontinuities.

These discontinuities are determined via a 'discontinuity provider' the built in discontinuitySkipWeekends allows you to skip weekends.

Here's an example:

const skipWeekendScale = fc.scaleDiscontinuous(d3.scaleTime())
  .discontinuityProvider(fc.discontinuitySkipWeekends());

And here's a complete demo: https://bl.ocks.org/ColinEberhardt/0a5cc7ca6c256dcd6ef1e2e7ffa468d4