Как удалить бледную линию между событиями в диаграмме столбцов диаграмм Highcharts?

Question

Я пытаюсь создать временную шкалу, используя диаграмму Highcharts в столбце. Когда я добавляю несколько одинаковых типов событий, Highcharts отделяет их от бледной строки.

Я добавил borderWidth 0;, но он не удалял бледную линию.

picture with trouble jsfiddle

$(function() { 
$('#container').highcharts({ 

    chart: { 
     type: 'columnrange', 
     inverted: true 
    }, 
    title: { 
     text: 'Equipment Status' 
    }, 
    xAxis: { 
     categories: ['Status'] 
    }, 
    yAxis: { 
     type: 'datetime', 
     title: { 
      text: 'Timespan' 
     } 
    }, 
    plotOptions: { 
      series: { 
     states: { 
      hover: { 
       enabled: false 
      } 
     } 
    }, 
         columnrange: { 
        pointPadding: 0, 
        borderWidth: 0, 
        borderColor:'red', 
        groupPadding: 0, 

       } 
    }, 
    legend: { 
     enabled: true 
    }, 
    tooltip: { 
     formatter: function() { 
      return '<b>' + this.x + ' - ' + this.series.name + '</b><br/>' + Highcharts.dateFormat('%e %B %H:%M', this.point.low) + 
       ' - ' + Highcharts.dateFormat('%B %e %H:%M', this.point.high) + '<br/>'; 
     } 
    }, 

    series: [{ 
     name: 'Producing', 
     data: [{ 
      x: 0, 
      low: Date.UTC(2013, 07, 03, 0, 0, 0), 
      high: Date.UTC(2013, 07, 03, 4, 0, 0) 
     }, { 
      x: 0, 
      low: Date.UTC(2013, 07, 03, 4, 0, 0), 
      high: Date.UTC(2013, 07, 03, 5, 0, 0) 
     }, { 
      x: 0, 
      low: Date.UTC(2013, 07, 03, 5, 0, 0), 
      high: Date.UTC(2013, 07, 03, 6, 0, 0) 
     } 

     ] 
    }] 
}); 

});

Answer 1

Толстый один бар, который вы получаете, обусловлен x:0 на всех наборах данных. Когда вы будете использовать это, я предполагаю, что у них не все будут одинаковые данные. Например: http://jsfiddle.net/Ardoxer/u3eWz/330/