하이 차트의 영역 경계에 단색을 구현하는 방법은 무엇입니까?

Question

Highcharts에 꺾은 선형 차트를 설정하여 값이 지나치게 높은 값 (95 % 이상)에 도달했음을 나타내는 다른 색으로 설정했습니다.

zones: [{ 
    value: 95, 
    color: 'lightblue' 
}, { 
    color: 'red' 
}] 

하나의 파란색 영역이 95까지의 값을 포함하고, 다른 적색 영역보다 높은 값을 보여줍니다 다음과 같이

는이를 달성하기 위해, 나는 나의 시리즈 구성에 영역을 추가했다.

값이 95에 가까워지면 선이 빨간색으로 변하기 시작합니다. 즉, 선이 접근하지만 절대로 95 %를 차지하지 않는 차트에서 선은 부분적으로 빨간색을 표시합니다.

나는 이것을 막고 싶습니다. 값이 95 %에 도달하면 빨간색으로 만 바꿉니다. 이것을 할 수있는 방법이 있습니까?

Here은 문제를 보여주는 데모입니다. 감사!

Answer 1

이것은 약간 까다로운 질문입니다.

먼저 데이터는 직선처럼 보입니다. 매우은 에 가깝습니다. 이 경우 zones 속성을 사용하여 색상이 겹치는 것은 불가피합니다.

하지만 시도해 볼 수있는 트릭이 있습니다.

하이 차트에는 이라는 MultiColor이라는 플러그인이 있습니다.

이 플러그인을 사용하면 여러 가지 색의 꺾은 선형 차트를 만들 수 있습니다.

우리가 차트를 위해 할 수있는 것은, 같은 색상을 포함하는 데이터를 수정할

data: [94.0, 94.1, 94.2, 94.3, 94.4, 94.5, 94.6, 94.7, 94.8, 94.9, 94.8, 94.7, {y: 95.0, segmentColor: 'red'},{y: 95.4, segmentColor: 'red'}, {y: 96.1, segmentColor: 'red'}] 

되고이 수정은 우리에게 요청 결과를 줄 것이다 :

을 실제 예 : jsFiddle.