Line chart with 0 and null value

by Sascha

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/highcharts/8.2.2/highcharts.js" integrity="sha512-PpL09bLaSaj5IzGNx6hsnjiIeLm9bL7Q9BB4pkhEvQSbmI0og5Sr/s7Ns/Ax4/jDrggGLdHfa9IbsvpnmoZYFA==" crossorigin="anonymous"></script>

JavaScript

let jsonData = [
  [1599640447908, 1],
  [1599645447908, null],
  [1599645909908, 1],
  [1599646127908, null]
];

let chartDiv = document.createElement('div');
document.getElementsByTagName('body')[0].appendChild(chartDiv);

let seriesData = [];

seriesData.push({
  data: jsonData,
  name: 'Error',
  id: 'Error',
  type: 'line',
  fillOpacity: 0.4,
  step: 'right',
  lineWidth: 5
});

let chart = Highcharts.chart(chartDiv, {
  marker: {
    symbol: 'triangle',
    radius: 20
  },
  chart: {
    marginLeft: 45,
    spacingTop: 15,
    spacingBottom: 15,
    height: 300,
    marginRight: 120,
    zoomType: 'x'
  },
  xAxis: {
    crosshair: true,
    visible: true, 
    type: 'datetime',
    min: 1599640447908 - 360000,
    max: 1599646127908 + 360000
  },
  yAxis: {
    enabled: false,
    visible: false
  },
  series: seriesData
});