[Solved]-Series with different time ranges in Highcharts-Highcharts

You need to tell highcharts that the xAxis is a date. It defaults to linear.

            "xAxis": {
                "type": "datetime",
            "title": {
                "text": "DATE"
            }

You then need to probably format your xAxis labels as well to how you want them to show.