Html Chart

Set the seriesGroups property of the jqxChart. Author: http://jqwidgets.com

HTML

<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<script src="http://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<div id='jqxChart' style="width: 1530px; height:400px; position: relative; left: 0px; top: 0px;"></div>

CSS

.labels {
  font-size: 8px;
}

JavaScript

var colors = ['#42d9f4', '#4174f4', '#e7c6ff', '#bab38b'/* ,  colors for other months */];
var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
console.clear();
/* // data grouped by month, regardless of year
var dataJan = [
  { Date: "01/01/2017", Sales: 1 },	// date = mm/dd/yyyy
  { Date: "01/05/2017", Sales: 2 },
  { Date: "01/10/2017", Sales: 2 },
  { Date: "01/15/2017", Sales: 3 },
  { Date: "01/31/2017", Sales: null }, //should add empty point to skip range of the line in this place
  { Date: "01/01/2018", Sales: 3 },
  { Date: "01/10/2018", Sales: 4 },
  { Date: "01/15/2018", Sales: 3 },
  { Date: "01/21/2018", Sales: 2 },
  { Date: "01/28/2018", Sales: 1 }
];
var dataMar = [
  { Date: "03/06/2017", Sales: 1 },
  { Date: "03/11/2017", Sales: 2 },
  { Date: "03/16/2017", Sales: 3 },
  { Date: "01/31/2017", Sales: null },
  { Date: "03/02/2018", Sales: 4 },
  { Date: "03/11/2018", Sales: 3 },
  { Date: "03/16/2018", Sales: 2 },
  { Date: "03/22/2018", Sales: 3 },
  { Date: "03/29/2018", Sales: 2 }
]; */

var lineOne = [
  { Date: "01/01/2017", Sales: 1 },	// date = mm/dd/yyyy
  { Date: "01/05/2017", Sales: 2 },
  { Date: "01/10/2017", Sales: 2 },
  { Date: "01/15/2017", Sales: 3 },
  { Date: "01/15/2017", Sales: null },
  { Date: "02/01/2017", Sales: 4 },
  { Date: "02/05/2017", Sales: 5 },
  { Date: "02/10/2017", Sales: 2 },
  { Date: "02/15/2017", Sales: 3 },
  { Date: "02/15/2017", Sales: null },
  { Date: "03/06/2017", Sales: 1 },
  { Date: "03/11/2017", Sales: 2 },
  { Date: "03/16/2017", Sales: 3 },
  { Date: "03/31/2017", Sales: 3.5 },
  { Date: "03/31/2017", Sales: null },
  { Date: "04/01/2017", Sales: 3 },
  { Date: "04/04/2017", Sales: 3 },
  { Date: "04/12/2017", Sales: 4.5 },
  { Date: "04/19/2017", Sales: 4 },
  { Date: "04/19/2017", Sales: null },
  { Date: "01/01/2018", Sales: 3 },
  { Date: "01/10/2018", Sales: 4 },
  { Date: "01/15/2018", Sales: 3 },
  { Date: "01/21/2018", Sales: 2 },
  { Date:...