2016-06-21 5 views
1

다음 현재 버전이 있습니다 Highcharts (http://www.highcharts.com) 차트. 내 "기본"데이터 포인트는 파란색입니다. 두 개의 데이터 포인트가 빨간색으로 표시됩니다. 하나는 왼쪽 하단 ("항목 1")과 다른 하나는 오른쪽 상단 ("항목 2")입니다. 호버링하지 않을 때 의도 된대로 사용됩니다. 내 문제는 호걸 할 때 똑같이 보이지 않는다는 것입니다. 항목 1은 빨간색으로 유지되고 항목 2는 파란색으로 변합니다. 나는 그 (것)들을 원한다.Highcharts 분산 형 차트 데이터 포인트 호버

Chart

항목 1 ...

Item 1

항목이 ...

Item 2

는 생각이 어쩌면 Z- 인덱스 문제가 있었다 유혹 할 때 거기에 해결책을 찾을 수 없습니다. 그런 다음 하이버의 API 인 Hovering에 관심을 가졌지 만 hover 색상을 설정하지 않고 올바른 것이고 다른 하나는 그렇지 않기 때문에 이것이 어떻게 문제가 될지 확신 할 수 없습니다.

다음과 같이 내가 차트를 통과하고있어 데이터가 ...

0 Object { name=1, x=-4, y=-0.8, color="red" } 
1 Object { name=2, x=9.5, y=9.5, color="red" } 
2 Object { name=3, x=-1.37, y=1.64 } 
3 Object { name=4, x=-0.7, y=-2.8 } 

당신의 도움이 감사합니다. 고맙습니다.

=== 업데이트 ===
당신은 명시 적으로 가져가 속성에 대한 '하고 fillColor'을 설정해야 https://jsfiddle.net/edzasxg5/

+0

문제를 재현 할 수 있도록 JSFiddle 또는 Plunker 데모를 만드십시오. – Stringfellow

+0

만든 https://jsfiddle.net/edzasxg5/ – user1801810

답변

2

, 그렇지 않으면 그것은 기본을 선택합니다.

{ id: '1', x: -4, y: -0.8, color: 'red', marker: { states: { hover: { fillColor: 'red' } } } }, 
    { id: '2', x: 9.5, y: 9.5, color: 'red', marker: { states: { hover: { fillColor: 'red' } } } }, 
    { id: '3', x: -1.37, y: 1.64 }, 
    { id: '4', x: -0.7, y: -2.8 } 

https://jsfiddle.net/strince/edzasxg5/1/

UPDATE

: 은 '{}하고 fillColor'을 설정하는 더 간단한 해결책이있다.

+0

충분히 간단합니다. 공장. 당신의 노력과 반응에 대해 대단히 감사합니다. 한 가지 질문 - 원래 코드로 항목 1이 올바르게 작동하고 항목 2가 올바르게 작동하지 않은 이유는 무엇입니까? – user1801810

+0

Highcharts 코드와 GitHub 관련 문제를 살펴보면 문제가 제기 된 버그가있는 것으로 보입니다. https://github.com/highcharts/highcharts/issues/1440 – Stringfellow

관련 문제