How I Can Stick Together The Lines On The Highcharts Timeline Chart?

I creates the timeline Highchart like this jsfiddle.net $(function () { $('#container').highcharts({ chart: { type: 'columnrange', inverte

Solution 1:

You don't need to do anything in CSS - that's overkill, and causes maintenance headaches.

Highcharts has options for this, and many other formatting issues.

In your case, just set the borderWidth to 0 in your plotOptions:

plotOptions: {
  columnrange: {
    borderWidth:0,
  }
}

(and/or set borderColor: 'transparent')

Example:

• http://jsfiddle.net/u3eWz/80/

Reference:

• http://api.highcharts.com/highcharts#plotOptions.columnrange.borderWidth