2017-02-21 1 views
0

컬럼 차트 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) 
     } 

     ] 
    }] 
}); 

});

+0

정확히 원하는 것? 정교하게 제발 주시겠습니까? –

+0

경계선 타임 라인없이 단색을 그리기를 원하지만, 결과는 다음과 같습니다. https://i.gyazo.com/d7c5590cf040a4c2bf1dd565d1591396.png. 흰색 옅은 선을 제거하는 방법은 무엇입니까? –

+0

그 행동은 이미 u 버그로보고되었습니다. https://github.com/highcharts/highcharts/issues/6132 아마도 rendering-shape을 crispEdges로 설정하는 것이 도움이 될 것입니다 - http://jsfiddle.net/u3eWz/331/ – morganfree

답변

0

두꺼운 막대 하나는 모든 데이터 세트에서 x:0입니다. 당신이 이것을 사용할 때, 나는 그들이 모두 동일한 데이터를 가지지 않을 것이라고 가정한다. 예 : http://jsfiddle.net/Ardoxer/u3eWz/330/

관련 문제