2014-01-22 4 views
0

사용자 선택에 따라 추세선을 그려야합니다. 사용자가 mouse ... draggs를 눌렀다가 끝 지점에서 손을 뗀다는 것을 의미합니다 .. highcharts에는 마우스 릴리즈 이벤트가 없습니다. 그래서 차트 컨테이너에 추가하고 있습니다. 문제는 .. 내가 X 페이지와 페이지 Y는 SVG 좌표를 차트로 변환 할 수 있습니다 내가 어떻게 마우스 클릭에 대한 코드를 다음 사용하고highstock mouse releaase 추세선

(차트 클릭 이벤트)

chart: { 
events: { 
    click: function(event) { 
     alert (
     'x: '+ Highcharts.dateFormat('%Y-%m-%d', event.xAxis[0].value) +', ' + 
        'y: '+ event.yAxis[0].value 
      ); 
    } 

} 내가 할 수있는 방법을

입니다 이 마우스를 뗍니다.

답변

0

하이 차트에는 선택 이벤트가 있습니다. plotLines 또는 plotBands를 추가 할 수있는 경우 docs을 참조하십시오.

또한 this 예제를 확인하십시오. 거의 필요로하는 하단 차트 (이 두 차트는 별개입니다)에 구현되어 있습니다.

+0

시도했지만 줌 유형을 설정하지 않으면 선택이 작동하지 않습니다. 나는 똑같은 것을 원한다. 그러나 줌 타입없이 작동해야한다. 그래서 나는 시작과 끝 점을 얻을 수 있고 추세선을 그릴 수있다. (새로운 시리즈를 추가한다.) 어떻게 할 수 있는가? – user3038576

+0

기본 동작을 비활성화 할 수 있습니다. http://jsfiddle.net/TMtwD/'event.preventDefault();를 사용하십시오. 새 시리즈를 추가하고 값을 계산하는 등의 작업은 더 어려울 것입니다. –

+0

대신 차트에 두 번째 클릭 줄을 그리는 관리 .. 잘 작동하지만 사용자가 시리즈를 클릭하면 차트 클릭 이벤트가 발생하지 않습니다 화재 ... 내가 선택한 마우스 좌표를 얻을 수 있어야합니다. 시리즈입니다. 아래 예제는 내가 일하고있다 http://jsfiddle.net/amit_shah25/EQ8aH/ – user3038576