0
컬럼 차트 Highcharts 차트를 사용하여 타임 라인을 만들려고합니다. 동일한 이벤트 유형을 여러 개 추가하면 Highcharts가 창을 옅은 선으로 구분합니다.하이 차트 열 차트의 이벤트 사이에 옅은 선을 어떻게 제거합니까?
나는 borderWidth 0;
을 추가했지만 옅은 선은 제거하지 않았습니다.
$(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)
}
]
}]
});
});
정확히 원하는 것? 정교하게 제발 주시겠습니까? –
경계선 타임 라인없이 단색을 그리기를 원하지만, 결과는 다음과 같습니다. https://i.gyazo.com/d7c5590cf040a4c2bf1dd565d1591396.png. 흰색 옅은 선을 제거하는 방법은 무엇입니까? –
그 행동은 이미 u 버그로보고되었습니다. https://github.com/highcharts/highcharts/issues/6132 아마도 rendering-shape을 crispEdges로 설정하는 것이 도움이 될 것입니다 - http://jsfiddle.net/u3eWz/331/ – morganfree