# Line with missing data (Line example)

> WestCoast Charts 1.1.5, release, public Core release, on npm. HTML: https://westcoast-charts.com/gallery/line/line-with-missing-data/ · Index for agents: https://westcoast-charts.com/llms.txt

Sensor readings with gaps (null) that break the line.

- Chart type: `line` (Line)
- Collection: Line · Line
- Raw configuration: https://westcoast-charts.com/gallery-src/line/line-with-missing-data.js
- Standalone example: https://westcoast-charts.com/embed/samples/wcc/gallery/line/line-with-missing-data.html

## Setup

```js
import WestCoastCharts from 'west-coast-charts'
```

## Options

```js
const options = {
  chart: {
    height: 380,
    fontFamily: "Inter, Geist, \"IBM Plex Sans\", system-ui, sans-serif",
    type: "line",
    toolbar: {
      show: false
    }
  },
  series: [
    {
      name: "Sensor A",
      data: [21.9, 21.8, 21.5, 21.6, 21.7, null, null, null, 21.5, 21, 20.5, 20.5, 20.8, 20.5, 20.8, 21.3, 20.7, 21.1, null, null, 23.4, 22.3, 21.9, 20.9, 21.2, 20.1, 19.8, 21.2, 20.4, 19.6]
    },
    {
      name: "Sensor B",
      data: [17.5, 17.8, 16.8, 16.4, 17.1, 17.1, 18.6, 18.6, 18.8, 19.8, 19.1, 17.8, null, null, null, null, 19.3, 18, 18, 17.9, 18.4, 19.9, 19.9, 20.3, 20.5, 20.6, 21.1, 21.4, 21.2, 20]
    }
  ],
  xaxis: {
    categories: ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23", "24", "25", "26", "27", "28", "29", "30"]
  },
  stroke: {
    width: 2
  },
  markers: {
    size: 3,
    hover: {
      sizeOffset: 3
    }
  },
  title: {
    text: "Room temperature, gaps where sensors were offline"
  },
  theme: {
    mode: "light",
    preset: "coastal"
  }
}

const chart = new WestCoastCharts(document.querySelector('#chart'), options)
await chart.render()
```

## Verify

- Text check (Library 1.1.5): load `west-coast-charts/agent/describe` and call `chart.describe({ format: "json" })` for the actual drawn state. The live reader is on this example’s HTML page.
- Command line (Public agent tools 0.2.3, tested with Library 1.1.5; available from the versioned GitHub release and npm, https://westcoast-charts.com/docs/cli/index.md): `wcc chart export line-line-with-missing-data.json --out line-line-with-missing-data.svg --with-table` (save the options above as JSON first)