하이 차트 범례 항목이 파이어 폭스에서 클릭 가능하지 않음

여러 개의 하이 차트 그래프가 설정되어 있으며 최근에 파이어 폭스에서 관련 시리즈를 표시/숨기기 위해 범례 항목을 클릭 할 수 없다는 사실을 알게되었습니다. Chrome 및 Safari에서 제대로 작동하므로 브라우저 관련 문제 인 것 같습니다.하이 차트 범례 항목이 파이어 폭스에서 클릭 가능하지 않음

나는 highcharts 데모에는이 문제가 없다는 것을 알았으므로, 구현시에해야 할 일이지만 필자는 그것을 알아 내는데 어려움을 겪고있다. 파이어 폭스가 하이 차트에서 이런 종류의 문제를 일으킬 수있는 것과 다른 점은 무엇입니까?

관심 영역 : 차트의 useHtml 매개 변수를 true로 설정하면 범례 항목을 클릭 할 수있게됩니다. 그러나 이것은 다른 것들을 끊어 버리기 때문에 해결책이 아닙니다.

감사합니다.

출처

2013-04-23 John Tuttle

은 단순한 재현 예를 제공하십시오

는 그것을 해결. – Mark

jsfiddle.net에서 예제를 재현하십시오 –

jsfiddle에서이 문제를 재연하지 못했습니다. 이것은 그래프를 그리는 컨테이너에 어떤 종류의 문제가 있음을 의미한다고 가정합니다. 문제가 될 수있는 사항이 있으면 문제를 찾을 수있을 때 해결책을 게시 할 것입니다. –

Firefox, Chrome 및 Safari에서는이 문제가 해결되었지만 IE9에서는 발생하지 않았습니다.

CSS와 관련된 문제가 발견되었습니다. 내 페이지에는 2 개의 "상자"가 있습니다. 왼쪽과 오른쪽. 내 Vaadin 원형 차트가 오른쪽 상자에 있습니다. 왼쪽 상자에 나는 원형 표의 일부를 덮고있는 오른쪽 상자 (너비 : 900px)에 너비 오버플로가있는 html <H1> 태그가 있습니다. 따라서 일부 직사각형 영역을 클릭 할 수 없습니다. Firefox Firebug 도구를 사용하여 CSS를 검사하면이 문제를 쉽게 해결할 수 있습니다. 최신 vaadin 차트 라이브러리를 설치하는 데 드는 시간을 절약 할 수 있기를 바랍니다. 코드 등을 디버그하십시오.

출처

2013-10-24 14:57:55 user2916394

답장을 보내 주셔서 감사합니다. 나는이 게시물을 만든 이후로 프로젝트를 전환 한 이후로 이것이 우리의 문제인지 확신 할 수 없지만, 당신이 그것을 분류 해 주어서 기쁩니다. :) –

비슷한 문제가 있습니다. Firefox에서 선 그래프의 점을 클릭 할 수 없지만 (Chrome에서는 클릭 가능함) 비슷한 문제가있었습니다. 파이어 폭스는 그래프 포인트 위에 데이터 라벨을 놓았다.

 plotOptions: { 
       series: { 
        dataLabels: { 
         zIndex: 2

도 참조 : http://api.highcharts.com/highcharts#plotOptions.series.dataLabels

출처

2015-07-31 12:05:24 VME

하이 차트 범례 항목이 파이어 폭스에서 클릭 가능하지 않음

답변

관련 문제