0
은 I 형 "arearange" 선의 highchart이 arearange/tree/master/samples/highcharts/demo/arearange-line/동적 임계 값 - 예처럼</p> <p>http://jsfiddle.net/gh/get/jquery/3.1.1/highslide-software/highcharts.com,
선이 범위 값을 초과하거나 넘어갈 때마다 음수 색상을 사용하고 싶습니다. 달성하기 위해 우리는 "series" 속성에 사용할 수 있지만 내 문제는, 나는 선이 범위 값을 교차 할 때 단일 음의 값을 가지지 않는다. 음수의 선을 그릴 때.
위의 바이올린 링크에서 샘플 코드를 실행할 수 있습니다. 여기서 나는 네거티브 컬러로 그려지는 몇 가지 값 (예를 들어)에 대해 언급했는데, 이는 커맨드 라인 ("여기에서 네거티브 컬러를 원한다")과 함께 아래 코드에 표시되어 있습니다.
$(function() {
var ranges = [
[1246406400000, 14.3, 27.7],
[1246492800000, 14.5, 27.8],
[1246579200000, 15.5, 29.6],
[1246665600000, 16.7, 30.7],
[1246752000000, 16.5, 25.0],
[1246838400000, 17.8, 25.7],
[1246924800000, 13.5, 24.8],
[1247011200000, 10.5, 21.4],
[1247097600000, 9.2, 23.8],
[1247184000000, 11.6, 21.8],
[1247270400000, 10.7, 23.7],
[1247356800000, 11.0, 23.3],
[1247443200000, 11.6, 23.7],
[1247529600000, 11.8, 20.7],
[1247616000000, 12.6, 22.4],
[1247702400000, 13.6, 19.6],
[1247788800000, 11.4, 22.6],
[1247875200000, 13.2, 25.0],
[1247961600000, 14.2, 21.6],
[1248048000000, 13.1, 17.1],
[1248134400000, 12.2, 15.5],
[1248220800000, 12.0, 20.8],
[1248307200000, 12.0, 17.1],
[1248393600000, 12.7, 18.3],
[1248480000000, 12.4, 19.4],
[1248566400000, 12.6, 19.9],
[1248652800000, 11.9, 20.2],
[1248739200000, 11.0, 19.3],
[1248825600000, 10.8, 17.8],
[1248912000000, 11.8, 18.5],
[1248998400000, 10.8, 16.1]
],
averages = [
[1246406400000, 81.5],**//Here i want a negative color**
[1246492800000, 22.1],
[1246579200000, 3], **//Here i want a negative color**
[1246665600000, 23.8],
[1246752000000, 21.4],
[1246838400000, 21.3],
[1246924800000, 18.3],
[1247011200000, 15.4],
[1247097600000, 16.4],
[1247184000000, 17.7],
[1247270400000, 17.5],
[1247356800000, 17.6],
[1247443200000, 17.7],
[1247529600000, 16.8],
[1247616000000, 17.7],
[1247702400000, 16.3],
[1247788800000, 17.8],
[1247875200000, 18.1],
[1247961600000, 17.2],
[1248048000000, 14.4],
[1248134400000, 13.7],
[1248220800000, 15.7],
[1248307200000, 34.6],**//Here i want a negative color**
[1248393600000, -15.3],
[1248480000000, 15.3],
[1248566400000, 15.8],
[1248652800000, 15.2],
[1248739200000, 14.8],
[1248825600000, 14.4],
[1248912000000, 15],
[1248998400000, 90.6] `//Here i want a negative color`
];
Highcharts.chart('container', {
title: {
text: 'July temperatures'
},
xAxis: {
type: 'datetime'
},
yAxis: {
title: {
text: null
}
},
tooltip: {
crosshairs: true,
shared: true,
valueSuffix: '°C'
},
legend: {
},
series: [{
name: 'Temperature',
data: averages,
zIndex: 1,
marker: {
fillColor: 'white',
lineWidth: 2,
lineColor: Highcharts.getOptions().colors[0]
}
}, {
name: 'Range',
data: ranges,
type: 'arearange',
lineWidth: 0,
linkedTo: ':previous',
color: Highcharts.getOptions().colors[0],
fillOpacity: 0.3,
zIndex: 0
}]
});
});
? 마커에 색을 칠해야합니까? 다음 점, 이전 점 또는 두 점을 연결하는 선입니까? 해당 영역의 위 또는 아래에있는 전체 라인 또는 일부만? – morganfree